@charset "UTF-8";
/* GRAPH COLORS */
.navy {
  background-color: #072146; }

.subtitlehome {
  font-family: "BentonSansBBVA-Medium", sans-serif;
  font-size: 15px;
  line-height: 24px;
  padding-top: 16px;
  color: #1973B8; }

@font-face {
  font-family: 'bbva_icons';
  src: url("../fonts/icon-bbva/icon-bbva.eot?kg8ila");
  src: url("../fonts/icon-bbva/icon-bbva.eot?kg8ila#iefix") format("embedded-opentype"), url("../fonts/icon-bbva/icon-bbva.ttf?kg8ila") format("truetype"), url("../mult/icon-bbva.woff?kg8ila") format("woff"), url("../fonts/icon-bbva/icon-bbva.svg?kg8ila#bbva_icons") format("svg");
  font-weight: normal;
  font-style: normal; }

i[class*=' ico-'],
i[class^='ico-'] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'bbva_icons' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.ico-alert:before {
  content: ''; }

.ico-mobiledisconnected:before {
  content: ''; }

.ico-pause:before {
  content: ''; }

.ico-reply:before {
  content: ''; }

.ico-retweet:before {
  content: ''; }

.ico-slideshare:before {
  content: ''; }

.ico-slideshare2:before {
  content: ''; }

.ico-account:before {
  content: ''; }

.ico-atm:before {
  content: ''; }

.ico-balance:before {
  content: ''; }

.ico-bill:before {
  content: ''; }

.ico-blockcard:before {
  content: ''; }

.ico-cash:before {
  content: ''; }

.ico-chargecard:before {
  content: ''; }

.ico-chargemovil:before {
  content: ''; }

.ico-contract:before {
  content: ''; }

.ico-copycard:before {
  content: ''; }

.ico-creditcard:before {
  content: ''; }

.ico-currencyexchange_icon:before {
  content: ''; }

.ico-deposit:before {
  content: ''; }

.ico-digitalcard:before {
  content: ''; }

.ico-dischargecard:before {
  content: ''; }

.ico-dollar:before {
  content: ''; }

.ico-euro:before {
  content: ''; }

.ico-expressaccount:before {
  content: ''; }

.ico-insurance:before {
  content: ''; }

.ico-international:before {
  content: ''; }

.ico-investment:before {
  content: ''; }

.ico-limits:before {
  content: ''; }

.ico-loan:before {
  content: ''; }

.ico-mobilepayment:before {
  content: ''; }

.ico-mortaje:before {
  content: ''; }

.ico-productportfolio:before {
  content: ''; }

.ico-return:before {
  content: ''; }

.ico-seecvv:before {
  content: ''; }

.ico-settings:before {
  content: ''; }

.ico-stock:before {
  content: ''; }

.ico-ticket:before {
  content: ''; }

.ico-transfer:before {
  content: ''; }

.ico-transferaccount:before {
  content: ''; }

.ico-transfercard:before {
  content: ''; }

.ico-wallet:before {
  content: ''; }

.ico-add:before {
  content: ''; }

.ico-back:before {
  content: '\E99F'; }

.ico-bbvaofice:before {
  content: ''; }

.ico-block:before {
  content: ''; }

.ico-checkmark:before {
  content: ''; }

.ico-close:before {
  content: ''; }

.ico-continue:before {
  content: ''; }

.ico-contract2:before {
  content: ''; }

.ico-correct:before {
  content: ''; }

.ico-correctlocation:before {
  content: ''; }

.ico-error:before {
  content: ''; }

.ico-expand:before {
  content: ''; }

.ico-exploration:before {
  content: ''; }

.ico-fingerprint:before {
  content: ''; }

.ico-fold:before {
  content: ''; }

.ico-forward:before {
  content: ''; }

.ico-fraud:before {
  content: ''; }

.ico-getout:before {
  content: ''; }

.ico-hide:before {
  content: ''; }

.ico-link:before {
  content: ''; }

.ico-lock:before {
  content: ''; }

.ico-mapa:before {
  content: ''; }

.ico-menu:before {
  content: ''; }

.ico-more:before {
  content: ''; }

.ico-mylocation:before {
  content: ''; }

.ico-navigation:before {
  content: ''; }

.ico-nearme:before {
  content: ''; }

.ico-on:before {
  content: ''; }

.ico-phishing:before {
  content: ''; }

.ico-place:before {
  content: ''; }

.ico-return-12:before {
  content: ''; }

.ico-return-15:before {
  content: ''; }

.ico-seachinglocation:before {
  content: ''; }

.ico-security:before {
  content: ''; }

.ico-substract:before {
  content: ''; }

.ico-unfold:before {
  content: ''; }

.ico-unlock:before {
  content: ''; }

.ico-visualize:before {
  content: ''; }

.ico-walkingdirections:before {
  content: ''; }

.ico-withoutlocation:before {
  content: ''; }

.ico-agenda:before {
  content: ''; }

.ico-calculator:before {
  content: ''; }

.ico-calendar:before {
  content: ''; }

.ico-configuration:before {
  content: ''; }

.ico-consult:before {
  content: ''; }

.ico-copy:before {
  content: ''; }

.ico-desktop:before {
  content: ''; }

.ico-document:before {
  content: ''; }

.ico-download:before {
  content: ''; }

.ico-edit:before {
  content: ''; }

.ico-excel:before {
  content: ''; }

.ico-filter:before {
  content: ''; }

.ico-graphics:before {
  content: ''; }

.ico-historic:before {
  content: ''; }

.ico-home:before {
  content: ''; }

.ico-idcard:before {
  content: ''; }

.ico-interactivity:before {
  content: ''; }

.ico-listview:before {
  content: ''; }

.ico-mobile-26:before {
  content: ''; }

.ico-mobile-28:before {
  content: ''; }

.ico-myprofile:before {
  content: ''; }

.ico-pdf:before {
  content: ''; }

.ico-print:before {
  content: ''; }

.ico-safeforlater:before {
  content: ''; }

.ico-search:before {
  content: ''; }

.ico-settings2:before {
  content: ''; }

.ico-team:before {
  content: ''; }

.ico-titleview:before {
  content: ''; }

.ico-trash:before {
  content: ''; }

.ico-upload:before {
  content: ''; }

.ico-word:before {
  content: ''; }

.ico-alarm:before {
  content: ''; }

.ico-alert2:before {
  content: ''; }

.ico-appstore:before {
  content: ''; }

.ico-audio:before {
  content: ''; }

.ico-BBVAcontigo:before {
  content: ''; }

.ico-bluetooth:before {
  content: ''; }

.ico-camera:before {
  content: ''; }

.ico-clock:before {
  content: ''; }

.ico-communication:before {
  content: ''; }

.ico-email:before {
  content: ''; }

.ico-facebook:before {
  content: ''; }

.ico-facebook2:before {
  content: ''; }

.ico-favorite:before {
  content: ''; }

.ico-googleplus:before {
  content: ''; }

.ico-googleplus2:before {
  content: ''; }

.ico-gooplay2:before {
  content: ''; }

.ico-hashtag:before {
  content: ''; }

.ico-help:before {
  content: ''; }

.ico-info:before {
  content: ''; }

.ico-instagram:before {
  content: ''; }

.ico-instagram2:before {
  content: ''; }

.ico-language:before {
  content: ''; }

.ico-linkedin:before {
  content: ''; }

.ico-linkedin2:before {
  content: ''; }

.ico-microphone:before {
  content: ''; }

.ico-nfcconnect:before {
  content: ''; }

.ico-nfcdisconnect:before {
  content: ''; }

.ico-pinterest:before {
  content: ''; }

.ico-pinterest2:before {
  content: ''; }

.ico-play:before {
  content: ''; }

.ico-quotemark:before {
  content: ''; }

.ico-reademail:before {
  content: ''; }

.ico-send:before {
  content: ''; }

.ico-share:before {
  content: ''; }

.ico-support:before {
  content: ''; }

.ico-telephone:before {
  content: ''; }

.ico-twitter:before {
  content: ''; }

.ico-twitter2:before {
  content: ''; }

.ico-videochat:before {
  content: ''; }

.ico-videoplayline:before {
  content: ''; }

.ico-youtube:before {
  content: ''; }

.ico-youtube2:before {
  content: ''; }

.ico-auto:before {
  content: ''; }

.ico-autobank:before {
  content: ''; }

.ico-bank:before {
  content: ''; }

.ico-bar:before {
  content: ''; }

.ico-barcode:before {
  content: ''; }

.ico-bookstore:before {
  content: ''; }

.ico-build:before {
  content: ''; }

.ico-cashregister:before {
  content: ''; }

.ico-coffeshop:before {
  content: ''; }

.ico-discount:before {
  content: ''; }

.ico-donation:before {
  content: ''; }

.ico-education:before {
  content: ''; }

.ico-entretainment:before {
  content: ''; }

.ico-executive:before {
  content: ''; }

.ico-florist:before {
  content: ''; }

.ico-furniture:before {
  content: ''; }

.ico-health:before {
  content: ''; }

.ico-hotel:before {
  content: ''; }

.ico-jewel:before {
  content: ''; }

.ico-pets:before {
  content: ''; }

.ico-pinpadconnect:before {
  content: ''; }

.ico-pinpaddisconnected:before {
  content: ''; }

.ico-point:before {
  content: ''; }

.ico-promotion:before {
  content: ''; }

.ico-restaurant:before {
  content: ''; }

.ico-retail:before {
  content: ''; }

.ico-retirement:before {
  content: ''; }

.ico-rewards:before {
  content: ''; }

.ico-sales:before {
  content: ''; }

.ico-savings:before {
  content: ''; }

.ico-services:before {
  content: ''; }

.ico-shop:before {
  content: ''; }

.ico-shopping:before {
  content: ''; }

.ico-supermarket:before {
  content: ''; }

.ico-toys:before {
  content: ''; }

.ico-travel:before {
  content: ''; }

.ico-weather:before {
  content: ''; }

.ico-wellness:before {
  content: ''; }

/* INCLUDES
-------------------------------------------------- */
@font-face {
  font-family: 'BBVA-Bold';
  src: url("../fonts/BentonSansBBVA-Bold/BentonSansBBVA-Bold.ttf") format('truetype');
}

@font-face {
  font-family: 'BBVA-Book';
  src: url('../fonts/BentonSansBBVA-Book/BentonSansBBVA-Book.ttf') format('truetype');
}

@font-face {
  font-family: 'BBVA-BookItalic';
  src: url("../fonts/BentonSansBBVA-BookItalic/BentonSansBBVA-BookItalic.ttf") format('truetype');
}

@font-face {
  font-family: 'BBVA-Light';
  src: url("../fonts/BentonSansBBVA-Light/BentonSansBBVA-Light.ttf") format('truetype');
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'BBVA-Medium';
  src: url("../fonts/BentonSansBBVA-Medium/BentonSansBBVA-Medium.ttf") format('truetype');
  font-weight: 500; }

@font-face {
  font-family: 'BBVA-MediumItalic';
  src: url("../fonts/BentonSansBBVA-MediumItalic/BentonSansBBVA-MediumItalic.ttf") format('truetype');
}

@font-face {
  font-family: 'tiemposRegular';
  src: url("../fonts/TiemposTextWeb-Regular/TiemposTextWeb-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/TiemposTextWeb-Regular/TiemposTextWeb-Regular.woff") format("woff"); }

@font-face {
  font-family: 'tiemposRegularItalic';
  src: url("../fonts/TiemposTextWeb-RegularItalic/TiemposTextWeb-RegularItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/TiemposTextWeb-RegularItalic/TiemposTextWeb-RegularItalic.woff") format("woff");
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline; }

strong {
  font-weight: initial; }

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-weight: normal;
  /* HTML5 display-role reset for older browsers */ }

h1,
.h1 {
  font-family: 'BentonBold',sans-serif;
  font-size: 26px;
  font-weight: 400;
  color: #121212;
  line-height: 32px;
  padding-bottom: 8px; }

h2,
.h2 {
  font-family: 'BentonMedium',sans-serif;
  font-size: 24px;
  font-weight: 400;
  color: #121212;
  line-height: 32px;
  padding-bottom: 8px; }

h3,
.h3 {
  font-family: 'BentonMedium',sans-serif;
  font-size: 22px;
  font-weight: 400;
  color: #121212;
  line-height: 30px;
  padding-bottom: 8px; }

h4,
.h4 {
  font-family: 'BentonMedium',sans-serif;
  font-size: 20px;
  font-weight: 400;
  color: #121212;
  line-height: 24px;
  padding-bottom: 8px; }

h5,
.h5 {
  font-family: 'BentonBook',sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: #121212;
  line-height: 24px;
  padding-bottom: 8px; }

h6,
.h6 {
  font-family: 'BentonBook',sans-serif;
  font-size: 16px;
  font-weight: 400;
  color: #121212;
  line-height: 24px;
  padding-bottom: 8px; }

@media (min-width: 768px) {
  h1,
  .h1 {
    font-family: 'BentonMedium',sans-serif;
    font-size: 40px;
    font-weight: 400;
    color: #121212;
    line-height: 48px;
    padding-bottom: 8px; }
  h2,
  .h2 {
    font-family: 'BentonMedium',sans-serif;
    font-size: 36px;
    font-weight: 400;
    color: #121212;
    line-height: 44px;
    padding-bottom: 16px; }
  h3,
  .h3 {
    font-family: 'BentonMedium',sans-serif;
    font-size: 26px;
    font-weight: 400;
    color: #121212;
    line-height: 32px;
    padding-bottom: 8px; }
  h4,
  .h4 {
    font-family: 'BentonMedium',sans-serif;
    font-size: 20px;
    font-weight: 400;
    color: #121212;
    line-height: 28px;
    padding-bottom: 8px; }
  h5,
  .h5 {
    font-family: 'BentonMedium',sans-serif;
    font-size: 18px;
    font-weight: 400;
    color: #121212;
    line-height: 24px;
    padding-bottom: 8px; }
  h6,
  .h6 {
    font-family: 'BentonMedium',sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #121212;
    line-height: 24px;
    padding-bottom: 8px; } }

article,
aside,
details,
figcaption,
figure,
header,
hgroup,
menu,
nav,
section {
  display: block; }

body {
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  background-color: #F7F8F8 !important; }

ol,
ul {
  list-style: none; }

blockquote,
q {
  quotes: none; }

blockquote:before,
blockquote:after {
  content: '';
  content: none; }

q:before,
q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

a:hover,
a:active,
a:focus {
  text-decoration: none;
  outline: none; }

[role='button'] {
  box-sizing: content-box; }

label {
  font-weight: initial; }

input[type='submit'],
input[type='reset'],
input[type='button'] {
  box-sizing: content-box; }

button {
  box-sizing: content-box; }

body,
input,
textarea,
select,
button {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Reset `button` and button-style `input` default styles */ }

input[type='submit'],
input[type='reset'],
input[type='button'] {
  background: none;
  border: 0;
  /* cursor: default; */
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  padding: 0;
  /* for input */
  -webkit-appearance: button;
  /* for button */
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none; }

button {
  background: none;
  border: 0;
  /* cursor: default; */
  color: inherit;
  font: inherit;
  overflow: visible;
  padding: 0;
  /* for input */
  -webkit-appearance: button;
  /* for button */
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none; }

input::-moz-focus-inner,
button::-moz-focus-inner {
  border: 0;
  padding: 0; }

[role='button'] {
  color: inherit;
  display: inline-block;
  text-align: center;
  text-decoration: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none; }

.navbar-header {
  float: none; }

.navbar-right {
  margin-right: 0; }

.table {
  margin-bottom: 0; }

.navbar {
  border: 0; }

.content-aside .container {
  max-width: 100%; }

body {
  font: 15px/24px 'BBVA-Book'; }

p,
.bodycopy {
  font-family: 'BBVA-Book';
  line-height: 18px;
  color: #121212;
  font-size: 13px; }

@media (min-width: 769px) {
  p,
  .bodycopy {
    color: #070E46;
    line-height: 24px;
    font-size: 15px;
    font-size: 1em;
    /*   USAGE:  Convert px to em
.element p {
  @include font-size(14px);
}
*/ } }

p.white,
.bodycopy.white {
  color: #fff; }

p.grey,
.bodycopy.grey {
  color: #fff; }

p strong,
.bodycopy strong {
  font-family: 'BBVA-Medium' !important;
  font-weight: initial !important; }

p a,
.bodycopy a {
  font-family: 'BBVA-Medium' !important;
  color: #001391 !important; }

.highlight {
  font: 22px/29px 'BBVA-Book';
  color: #121212; }

.headline {
  font: 22px/30px 'BBVA-Book';
  color: #121212; }

.video-promo .title {
  letter-spacing: -1.5px;
  color: #fff;
  font: 38px/50px 'tiemposRegularItalic'; }

@media (min-width: 993px) {
  .video-promo .title {
    font: 72px/92px 'tiemposRegularItalic'; } }

a.link {
  font-size: 13px;
  line-height: 18px;
  font-family: 'BBVA-Medium';
  color: #001391;
  font-weight: initial !important;
  /* Safari */
  transition: all ease 0.2s; }

@media (min-width: 769px) {
  a.link {
    font-size: 15px;
    font-size: 1em;
    /*   USAGE:  Convert px to em
.element p {
  @include font-size(14px);
}
*/
    line-height: 23px; } }

a.link.white {
  color: #fff; }

a.link:hover {
  color: #070E46;; }

a.link i {
  display: inline-block;
  vertical-align: middle;
  margin-top: -2px;
  font-size: 14px;
  margin-left: 7px; }

@media (min-width: 769px) {
  a.link i {
    font-size: 16px; } }

.entradilla {
  padding: 34px 0;
  color: #121212;
  text-align: center;
  font-family: 'BBVA-Book';
  line-height: 23px;
  font-size: 15px;
  font-size: 1em;
  /*   USAGE:  Convert px to em
.element p {
  @include font-size(14px);
}
*/ }

@media (min-width: 769px) {
  .entradilla {
    padding: 73px 0;
    line-height: 30px;
    font-size: 22px;
    font-size: 1.46667em;
    /*   USAGE:  Convert px to em
.element p {
  @include font-size(14px);
}
*/ } }

.title18 {
  font-size: 16px;
  font-size: 1.06667em;
  /*   USAGE:  Convert px to em
.element p {
  @include font-size(14px);
}
*/
  line-height: 20px;
  font-family: 'BBVA-Medium';
  color: #121212; }

@media (min-width: 769px) {
  .title18 {
    font-size: 18px;
    font-size: 1.2em;
    /*   USAGE:  Convert px to em
.element p {
  @include font-size(14px);
}
*/
    line-height: 24px; } }

.title18.white {
  color: #fff; }

.title-m22 {
  font-size: 17px;
  font-size: 1.13333em;
  /*   USAGE:  Convert px to em
.element p {
  @include font-size(14px);
}
*/
  line-height: 23px;
  font-family: 'BBVA-Medium';
  z-index: 20;
  color: #121212;
  position: relative; }

@media (min-width: 769px) {
  .title-m22 {
    font-size: 22px;
    font-size: 1.46667em;
    /*   USAGE:  Convert px to em
.element p {
  @include font-size(14px);
}
*/
    line-height: 29px; } }

.title-m22.white {
  color: #fff; }

.title22 {
  letter-spacing: -0.5px;
  font-size: 17px;
  font-size: 1.13333em;
  /*   USAGE:  Convert px to em
.element p {
  @include font-size(14px);
}
*/
  line-height: 23px;
  font-family: 'BBVA-Book';
  color: #121212; }

@media (min-width: 769px) {
  .title22 {
    font-size: 22px;
    font-size: 1.46667em;
    /*   USAGE:  Convert px to em
.element p {
  @include font-size(14px);
}
*/
    line-height: 29px;
    letter-spacing: -0.35px; } }

.title22.white {
  color: #fff; }

.title22-20 {
  letter-spacing: -0.4px;
  font-size: 20px;
  font-size: 1.33333em;
  /*   USAGE:  Convert px to em
.element p {
  @include font-size(14px);
}
*/
  line-height: 24px;
  font-family: 'BBVA-Medium';
  color: #121212; }

@media (min-width: 769px) {
  .title22-20 {
    font-size: 22px;
    font-size: 1.46667em;
    /*   USAGE:  Convert px to em
.element p {
  @include font-size(14px);
}
*/
    line-height: 27px;
    letter-spacing: -0.4px; } }

.title24 {
  font-size: 20px;
  font-size: 1.33333em;
  /*   USAGE:  Convert px to em
.element p {
  @include font-size(14px);
}
*/
  line-height: 24px;
  font-family: 'BBVA-Medium';
  color: #121212; }

@media (min-width: 769px) {
  .title24 {
    font-size: 24px;
    font-size: 1.6em;
    /*   USAGE:  Convert px to em
.element p {
  @include font-size(14px);
}
*/
    line-height: 42px; } }

.title24.white {
  color: #fff; }

.title26 {
  font-size: 16px;
  font-size: 1.06667em;
  /*   USAGE:  Convert px to em
.element p {
  @include font-size(14px);
}
*/
  line-height: 20px;
  font-family: 'BBVA-Medium';
  letter-spacing: -0.3px;
  color: #121212; }

@media (min-width: 769px) {
  .title26 {
    font-size: 26px;
    font-size: 1.73333em;
    /*   USAGE:  Convert px to em
.element p {
  @include font-size(14px);
}
*/
    line-height: 31px; } }

.title26.white {
  color: #fff; }

.title34 {
  font-family: 'BBVA-Medium';
  font-size: 20px;
  font-size: 1.33333em;
  /*   USAGE:  Convert px to em
.element p {
  @include font-size(14px);
}
*/
  line-height: 24px;
  letter-spacing: -0.5px;
  color: #121212; }

@media (min-width: 769px) {
  .title34 {
    font-size: 34px;
    font-size: 2.26667em;
    /*   USAGE:  Convert px to em
.element p {
  @include font-size(14px);
}
*/
    line-height: 42px; } }

.title34B {
  font-family: 'BBVA-Book';
  font-size: 20px;
  font-size: 1.33333em;
  /*   USAGE:  Convert px to em
.element p {
  @include font-size(14px);
}
*/
  line-height: 24px;
  letter-spacing: -0.5px;
  color: #121212; }

@media (min-width: 769px) {
  .title34B {
    font-size: 34px;
    font-size: 2.26667em;
    /*   USAGE:  Convert px to em
.element p {
  @include font-size(14px);
}
*/
    line-height: 42px; } }

.title36 {
  font-size: 24px;
  font-size: 1.6em;
  /*   USAGE:  Convert px to em
.element p {
  @include font-size(14px);
}
*/
  line-height: 23px;
  font-family: 'BBVA-Light';
  letter-spacing: -0.6px;
  color: #121212; }

@media (min-width: 769px) {
  .title36 {
    font-size: 36px;
    font-size: 2.4em;
    /*   USAGE:  Convert px to em
.element p {
  @include font-size(14px);
}
*/
    line-height: 43px;
    letter-spacing: -0.2px; } }

.title36.white {
  color: #fff; }

.hero .jumbotron {
  background-size: cover; }

.hero .headline {
  line-height: 34px;
  font-size: 32px;
  font-size: 2.13333em;
  /*   USAGE:  Convert px to em
.element p {
  @include font-size(14px);
}
*/
  letter-spacing: -0.4px;
  font-family: 'BBVA-Bold';
  margin: 60px 0;
  color: #fff;
  text-align: center; }

@media (min-width: 769px) {
  .hero .headline {
    line-height: 76px;
    font-size: 68px;
    font-size: 4.53333em;
    /*   USAGE:  Convert px to em
.element p {
  @include font-size(14px);
}
*/
    letter-spacing: -0.3px;
    margin: 30px 0; } }

@media (min-width: 769px) {
  .hero .headline.long-tail {
    font-size: 55px;
    line-height: 68px;
    margin-bottom: -8px;
    margin-top: 38px; } }

.hero .h2 {
  font: 42px 'BBVA-Bold';
  letter-spacing: -0.19px; }

.promo .headline {
  font-family: 'BBVA-Bold';
  font-size: 20px;
  font-size: 1.33333em;
  /*   USAGE:  Convert px to em
.element p {
  @include font-size(14px);
}
*/
  letter-spacing: -0.4px;
  line-height: 24px;
  text-align: center; }

@media (min-width: 769px) {
  .promo .headline {
    font-size: 50px;
    font-size: 3.33333em;
    /*   USAGE:  Convert px to em
.element p {
  @include font-size(14px);
}
*/
    letter-spacing: -0.7px;
    text-align: left;
    line-height: 55px; } }

strong {
  font-family: 'BBVA-Medium';
  color: #121212; }

.subtitle {
  font: 26px/35px 'BBVA-Medium';
  letter-spacing: -0.3px;
  color: #121212; }

.subtitle.white {
  color: #fff; }

.title-data {
  font-size: 20px;
  font-size: 1.33333em;
  /*   USAGE:  Convert px to em
.element p {
  @include font-size(14px);
}
*/
  line-height: 24px;
  letter-spacing: -0.5px;
  color: #121212;
  margin-bottom: 20px;
  font-family: 'BBVA-Medium'; }

@media (min-width: 769px) {
  .title-data {
    font-size: 34px;
    font-size: 2.26667em;
    /*   USAGE:  Convert px to em
.element p {
  @include font-size(14px);
}
*/
    line-height: 42px;
    margin-bottom: 30px; } }

body {
  font-size: 15px;
  overflow-x: hidden; }

sup {
  top: -0.2em; }

.list_headline {
  font: 14px/22px 'BBVA-Medium';
  letter-spacing: -0.1px;
  color: #bdbdbd;
  text-transform: uppercase;
  /*blockquote {
  background-color: $medium;
  font: 16px/23px 'tiemposRegularItalic';
  color: $white;
}

// TESTIMONIAL

.testimonial {
  font: 45px/60px 'tiemposRegularItalic';
  color: $g600;
}*/ }

.list_headline.white {
  color: #fff; }

.promo .hightlight {
  font: 40px 'BBVA-Light';
  letter-spacing: -0.7px;
  color: #121212; }

.promo .tab {
  font: 40px 'BBVA-Bold';
  color: #fff; }

.section .headline {
  font: 13px 'BBVA-Medium';
  color: #121212;
  letter-spacing: -0.7px; }

.section .headline .white {
  color: #fff; }

.category .title {
  font: 34px 'BBVA-Medium';
  color: #121212;
  letter-spacing: -1.3px; }

.category .prod_title {
  font: 22px 'BBVA-Medium';
  color: #121212; }

.blog .author .quote {
  font: 56px/70px 'tiemposRegularItalic';
  letter-spacing: -0.9px;
  color: #fff; }

.blog .testimonial {
  font: 32px/46px 'tiemposRegularItalic';
  color: #121212; }

.blog .category_tag {
  font: 11px/14px 'BBVA-Medium';
  color: #bdbdbd; }

.blog .category_tag.white {
  color: #fff; }

.editorial .home_title {
  font: 22px/27px 'BBVA-Bold';
  color: #2a86ca;
  letter-spacing: -0.4px; }

.editorial .main_title {
  font: 40px/46px 'BBVA-Bold';
  color: #fff;
  letter-spacing: -1.6px; }

.filters {
  font: 13px/18px 'BBVA-Medium';
  color: #666;
  text-transform: uppercase; }

input {
  font: 16px/16px 'BBVA-Book';
  color: #121212;
  /* -------------------------------------- */
  /* ------------ CTAS  ------------------- */
  /* -------------------------------------- */ }

.cta-primary {
  font-size: 13px;
  font-size: 0.86667em;
  /*   USAGE:  Convert px to em
.element p {
  @include font-size(14px);
}
*/
  font-family: 'BBVA-Bold';
  display: inline-block;
  color: #fff;
  text-align: center;
  /* Safari */
  transition: all ease 0.2s; }

.cta-primary:not(.tiny) {
  padding: 13px 0;
  min-width: 190px; }

@media (min-width: 769px) {
  .cta-primary {
    font-size: 15px;
    font-size: 1em;
    /*   USAGE:  Convert px to em
.element p {
  @include font-size(14px);
}
*/ }
  .cta-primary:not(.tiny) {
    padding: 18px 30px; } }

.cta-primary.tiny {
  max-width: 130px;
  width: 100%;
  height: 50px; }

@media (min-width: 769px) {
  .cta-primary.tiny {
    max-width: 170px;
    height: 60px; } }

.cta-primary:hover,
.cta-primary:active,
.cta-primary:focus {
  color: #fff;
  outline: none; }

.cta-primary.aqua {
  background-color: #02a5a5; }

.cta-primary.aqua:hover {
  background-color: #018787; }

.cta-primary.blue {
  background-color: #2a86ca; }

.cta-primary.blue:hover {
  background-color: #1464a5; }

.cta-primary.dark_blue {
  background-color: #004481; }

.cta-primary.dark_blue:hover {
  background-color: #043263; }

.cta-primary.disabled {
  color: #bdbdbd;
  background-color: #e9e9e9;
  pointer-events: none;
  cursor: default; }

.cta-secundary {
  font-family: 'BBVA-Medium';
  font-size: 13px;
  font-size: 0.86667em;
  /*   USAGE:  Convert px to em
.element p {
  @include font-size(14px);
}
*/
  line-height: 18px;
  color: #2a86ca;
  text-align: center;
  display: block;
  /* Safari */
  transition: all ease 0.2s; }

@media (min-width: 769px) {
  .cta-secundary {
    font-size: 15px;
    font-size: 1em;
    /*   USAGE:  Convert px to em
.element p {
  @include font-size(14px);
}
*/
    line-height: 23px; } }

.cta-secundary i {
  font-size: 14px;
  vertical-align: text-top;
  margin-right: 8px;
  margin-left: 7px; }

@media (min-width: 769px) {
  .cta-secundary i {
    font-size: 16px; } }

.cta-secundary:hover {
  color: #1464a5; }

.cta-play {
  font: 10px BBVA-Bold;
  color: #fff;
  display: block;
  margin-top: -19px;
  margin-bottom: 48px;
  text-align: center;
  text-transform: uppercase;
  /* Safari */
  transition: all ease 0.2s; }

@media (min-width: 769px) {
  .cta-play {
    font: 14px BBVA-Bold;
    margin-top: 18px;
    margin-bottom: initial; } }

.cta-play span.play {
  display: inline-block;
  vertical-align: middle;
  padding: 0 5px;
  font-size: 22px; }

.cta-play span.play i {
  color: #fff !important; }

@media (min-width: 769px) {
  .cta-play span.play {
    font-size: 47px;
    padding: 0 10px; } }

.cta-play:hover,
.cta-play:active,
.cta-play:focus {
  color: #fff !important;
  opacity: 0.8;
  filter: alpha(opacity=80);
  /*   USAGE: Cross Browser Opacity
.element p {
  @include opacity(0.6);
}
*/
  /* Vertical align */ }

.overlay.blue {
  background-color: #004481;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.85;
  filter: alpha(opacity=85);
  /*   USAGE: Cross Browser Opacity
.element p {
  @include opacity(0.6);
}
*/
  /* Vertical align */
  /* -------------------------------------- */
  /* ------------ STATIC CONTENT ---------- */
  /* -------------------------------------- */ }

section.static {
  padding: 73px 0; }

@media (max-width: 768px) {
  section.static {
    padding: 35px 0; } }

@media (min-width: 769px) {
  section.static.p0 {
    padding-top: 0;
    padding-bottom: 0; } }

section.static.p20 {
  padding-top: 20px;
  padding-bottom: 20px; }

@media (max-width: 768px) {
  section.static.p20 {
    padding: 10px 0; } }

ul.list {
  margin-top: 10px;
  margin-bottom: 29px; }

ul.list:last-of-type {
  margin-bottom: 0; }

ul.list li {
  font-size: 13px;
  font-family: 'BBVA-book';
  color: #121212;
  position: relative;
  margin-bottom: 10px;
  line-height: 18px;
  padding-left: 18px; }

@media (min-width: 769px) {
  ul.list li {
    font-size: 15px;
    font-size: 1em;
    /*   USAGE:  Convert px to em
.element p {
  @include font-size(14px);
}
*/
    line-height: 23px;
    color: #666;
    padding-left: 23px; } }

ul.list li:last-of-type {
  margin-bottom: 0; }

ul.list li:before {
  content: '';
  position: absolute;
  background-image: url("../assets/list.svg");
  height: 12px;
  width: 4px;
  left: 0;
  top: 2px; }

@media (min-width: 769px) {
  ul.list li:before {
    height: 15px;
    width: 5px; } }

ol {
  list-style: none;
  margin-top: 10px;
  margin-bottom: 29px;
  color: #666;
  counter-reset: item; }

ol li {
  font-size: 13px;
  font-family: 'BBVA-book';
  color: #121212;
  position: relative;
  margin-bottom: 10px;
  line-height: 18px; }

@media (min-width: 769px) {
  ol li {
    font-size: 15px;
    font-size: 1em;
    /*   USAGE:  Convert px to em
.element p {
  @include font-size(14px);
}
*/
    line-height: 23px;
    color: #666; } }

ol li:before {
  display: inline-block;
  color: transparent;
  content: counter(item) ".";
  counter-increment: item;
  font-family: 'bbva-light';
  padding-right: 9px; }

@media (min-width: 769px) {
  ol li:before {
    padding-right: 15px; } }

blockquote {
  position: relative;
  margin-top: 45px;
  background-color: #f4f4f4;
  max-width: 750px;
  border-radius: 1px;
  margin-bottom: 30px;
  padding: 40px 30px; }

@media (min-width: 769px) {
  blockquote {
    padding: 60px 50px;
    margin-top: 60px; } }

blockquote p {
  font-size: 22px;
  font-size: 1.46667em;
  /*   USAGE:  Convert px to em
.element p {
  @include font-size(14px);
}
*/
  font-family: 'tiemposRegularItalic';
  line-height: 28px;
  color: #121212; }

@media (min-width: 769px) {
  blockquote p {
    font-size: 32px;
    font-size: 2.13333em;
    /*   USAGE:  Convert px to em
.element p {
  @include font-size(14px);
}
*/
    line-height: 38px; } }

blockquote:before {
  font-family: bbva_icons;
  content: '\e988';
  color: #2a86ca;
  font-size: 52px;
  position: absolute;
  top: -13px; }

@media (min-width: 769px) {
  blockquote:before {
    font-size: 62px; } }

.static {
  /*.container{
      padding-left: 0!important;
      padding-right: 0!important;
      .row{
        .col-*{
          padding-left: 0!important;
          padding-right: 0!important;
        }
      }

    }*/
  /* -------------------------------------- */
  /* ------------ BUTTON  INLINE ---------- */
  /* -------------------------------------- */ }

.static .title-m22 {
  font-family: 'BBVA-book';
  margin-bottom: 7px;
  margin-top: 25px; }

@media (max-width: 767px) {
  .static .title-m22 {
    margin-bottom: 11px;
    font-family: 'BBVA-Medium';
    margin-top: 28px; } }

.static h2 {
  font-size: 20px;
  font-size: 1.33333em;
  /*   USAGE:  Convert px to em
.element p {
  @include font-size(14px);
}
*/
  line-height: 24px;
  font-family: 'BBVA-Medium';
  letter-spacing: -0.5px;
  color: #121212;
  margin-bottom: 10px; }

@media (min-width: 769px) {
  .static h2 {
    font-size: 34px;
    font-size: 2.26667em;
    /*   USAGE:  Convert px to em
.element p {
  @include font-size(14px);
}
*/
    line-height: 42px;
    margin-bottom: 15px; } }

.static p {
  margin-bottom: 10px; }

.static p:last-child {
  margin-bottom: 0; }

section.header-subpage + .static {
  padding-top: 0; }

.button-inline {
  display: block;
  margin-top: 22px;
  /* &.reverse {
       display: flex;
       flex-flow: row-reverse wrap-reverse;

       li.item {
         display: block;
         width: 100%;
         text-align: left;
         margin-left: 0;
         margin-bottom: 11px;

         &:first-child {
           margin-top: 12px;
           margin-bottom: 0 !important;
         }
         .cta-secundary {
           text-align: left;

         }
       }
     }*/
  /* -------------------------------------- */
  /* ------------ BUTTON IN BLOCK --------- */
  /* -------------------------------------- */ }

.button-inline li {
  display: inline-block;
  margin-right: 20px; }

.button-inline li:last-child {
  margin-righ: 0; }

@media (max-width: 768px) {
  .button-inline li.item {
    display: block;
    text-align: left;
    margin-left: 0;
    margin-top: 13px; }
  .button-inline li.item:first-child {
    margin-bottom: 0 !important; }
  .button-inline .cta-secundary {
    text-align: left; } }

@media (max-width: 768px) and (max-width: 768px) {
  .button-inline.wtooltip {
    margin-top: 13px; }
  .button-inline.wtooltip li.item {
    margin-top: 9px; } }

.button-inblock {
  display: block;
  margin-top: 16px;
  position: relative;
  z-index: 20;
  /* -------------------------------------- */
  /* -------------- TOOLTIP --------------- */
  /* -------------------------------------- */
  /* Add this attribute to the element that needs a tooltip */ }

.button-inblock li.item {
  display: block;
  width: 100%;
  text-align: left;
  margin-left: 0;
  margin-bottom: 11px; }

.button-inblock li.item:last-child {
  margin-bottom: 0 !important; }

.button-inblock li.item .cta-secundary {
  text-align: left; }

@media (min-width: 769px) {
  .button-inblock {
    margin-top: 22px;
    position: absolute;
    bottom: 30px; } }

[data-tooltip] {
  position: relative;
  z-index: 200;
  /* Hide the tooltip content by default */
  cursor: pointer;
  /* ------ UTILIDADES ------- */ }

[data-tooltip]:before,
[data-tooltip]:after {
  visibility: hidden;
  pointer-events: none;
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: ' ';
  height: 0;
  width: 0;
  position: absolute;
  /* Position tooltip above the element */ }

[data-tooltip]:before {
  position: absolute;
  left: -103px;
  bottom: -31px;
  vertical-align: middle;
  width: 158%;
  height: 30px;
  border-radius: 1px;
  border-radius: 1px;
  /* stops bg color from leaking outside the border: */
  background-clip: padding-box;
  /* USAGE: Border Radius
.button {
  @include border-radius(5px);
}
*/
  /* Shadows */
  background-color: #f4f4f4;
  color: #121212;
  background-clip: border-box;
  content: attr(data-tooltip);
  text-align: center;
  text-transform: none;
  font: 13px/26px 'BBVA-Medium';
  font-size: 13px;
  font-size: 0.86667em;
  /*   USAGE:  Convert px to em
.element p {
  @include font-size(14px);
}
*/ }

[data-tooltip]:after {
  position: absolute;
  bottom: -1px;
  right: 10px;
  margin-left: 79px;
  width: 0;
  border-bottom: 5px solid #f4f4f4;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  content: ' ';
  font-size: 0;
  line-height: 0;
  /* Show tooltip content on hover */ }

[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
  visibility: visible; }

.align-v {
  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  display: flex;
  align-items: center; }

.no-pad {
  padding-left: 0;
  padding-right: 0; }

.clear {
  clear: both; }

.no-gutter > [class*='col-'] {
  padding-right: 0 !important;
  padding-left: 0 !important; }

.mfp-iframe-holder {
  background-color: #000;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-top: 40px !important; }

.mfp-container {
  margin-top: 120px !important;
  height: auto !important; }

.mfp-fade.mfp-bg {
  opacity: 0;
  transition: all 0.15s ease-out; }

.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.5; }

.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0; }

.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
  transition: all 0.15s ease-out; }

.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1; }

.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0; }

#searchResults .loader {
  margin: 1em auto;
  text-align: center; }

.bbva-alert.alert {
  border: none;
  border-radius: 0;
  display: flex;
  background: #d9efe0;
  color: #48ae64; }

.bbva-alert.alert i {
  font-size: 24px;
  margin-right: 1em; }

.sitemap-pages {
  display: flex;
  flex-wrap: wrap;
  padding: 1em 0; }

.sitemap-pages > div {
  width: 300px;
  max-width: 100%;
  padding: 1em; }

body .pea_cook_wrapper {
  padding: 0;
  border-radius: 0;
  display: none; }

body .pea_cook_wrapper.pea_cook_bottomcenter {
  bottom: 0;
  left: auto;
  margin: 0 auto;
  width: 100%;
  background: transparent !important; }

body .pea_cook_wrapper.pea_cook_bottomcenter p {
  bottom: auto;
  font-family: inherit;
  font-size: inherit;
  margin: 0 auto;
  font-weight: normal;
  max-width: 1140px;
  text-align: left;
  padding: 2em;
  color: #000;
  position: relative;
  background: #d4edfc; }

body .pea_cook_wrapper.pea_cook_bottomcenter p:before {
  content: 'Cookies';
  font-size: 24px;
  color: #000;
  display: block;
  margin-bottom: 15px;
  font-family: 'BBVA-Book', sans-serif; }

body .pea_cook_wrapper.pea_cook_bottomcenter p #fom {
  color: #2a86ca !important;
  border-bottom: none;
  display: block;
  padding: 1em 0 0; }

body .pea_cook_wrapper.pea_cook_bottomcenter p #fom:hover {
  color: #23527c; }

body .pea_cook_wrapper.pea_cook_bottomcenter p .pea_cook_btn {
  background: transparent;
  border: none;
  border-radius: 0;
  box-shadow: none;
  color: #2a86cd;
  font: inherit;
  line-height: 1;
  padding: 0;
  text-align: center;
  text-shadow: none;
  width: 20px;
  height: 30px;
  margin-left: auto;
  font-weight: bold;
  position: absolute;
  right: 20px;
  top: 15px;
  outline: none; }

body .pea_cook_wrapper.pea_cook_bottomcenter p .pea_cook_btn:after,
body .pea_cook_wrapper.pea_cook_bottomcenter p .pea_cook_btn:before {
  content: '';
  width: 20px;
  height: 2px;
  background: #2a89d6;
  display: block;
  position: absolute; }

body .pea_cook_wrapper.pea_cook_bottomcenter p .pea_cook_btn.hover:after,
body .pea_cook_wrapper.pea_cook_bottomcenter p .pea_cook_btn.hover:before {
  background: #23527c; }

body .pea_cook_wrapper.pea_cook_bottomcenter p .pea_cook_btn:after {
  transform: rotate(45deg); }

body .pea_cook_wrapper.pea_cook_bottomcenter p .pea_cook_btn:before {
  transform: rotate(-45deg); }

.aviso-legal .title-data {
  font-size: 18px;
  margin-bottom: 10px; }

.aviso-legal .table-responsive .tablepress > tbody > tr > td:not([rowspan]) {
  padding-left: 30px;
  text-align: left; }

ol.letters {
  counter-reset: list;
  padding-left: 1.4em;
  margin-top: 1em;
  color: #666; }

ol.letters > li {
  margin-bottom: 1em;
  list-style: none;
  position: relative;
  padding-left: 1em; }

ol.letters > li:before {
  counter-increment: list;
  content: counter(list, upper-alpha) ") ";
  position: absolute;
  left: -1.4em;
  font-weight: bold; }

*[data-toggle],
*[data-dismiss] {
  color: #2a86cd;
  cursor: pointer; }

*[data-toggle] span,
*[data-dismiss] span {
  margin-right: 10px;
  vertical-align: top; }

*[data-toggle]:hover,
*[data-dismiss]:hover {
  color: #1464a5; }

.modal-open {
  overflow-y: scroll; }

.modal-open .site-canvas {
  transform: inherit; }

.bbva-modal .modal-dialog {
  width: 1140px;
  margin: 30px auto;
  max-width: 90%; }

.bbva-modal .modal-dialog .modal-content {
  box-shadow: none;
  border: none;
  border-radius: 0;
  padding: 1em; }

@media (min-width: 769px) {
  .bbva-modal .modal-dialog .modal-content {
    padding: 0; } }

.bbva-modal .modal-dialog .modal-content .modal-header {
  border-bottom: 0;
  text-align: right; }

.bbva-modal .modal-dialog .modal-content .modal-header span {
  font-size: 32px; }

.bbva-modal .modal-dialog .modal-content .modal-body {
  max-width: 560px;
  margin: 0 auto; }

.bbva-modal .modal-dialog .modal-content .modal-body h3 {
  margin-bottom: 1em;
  font-size: 32px;
  font-family: 'BBVA-Light', sans-serif; }

.bbva-modal .modal-dialog .modal-content .modal-body p {
  margin-bottom: 1em; }

.lightbox-modal-desktop {
  margin: 30px 0;
  /*
Documentos: ocultar resultados
*/ }

.lightbox-modal-desktop .content {
  padding: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  flex-direction: column;
  background-color: #fff; }

.lightbox-modal-desktop .content .big-close {
  display: block;
  width: 100%;
  text-align: right;
  margin-right: 30px; }

.lightbox-modal-desktop .content .big-close i {
  color: #49a5e6;
  font-size: 24px;
  cursor: pointer; }

.lightbox-modal-desktop .content iframe {
  min-height: 600px;
  margin-top: 20px; }

.docu-anno,
.grupo {
  display: none;
  /*
// TODO: Fix paddings

section.grey + section.white, section.white + section.grey {
  padding-top: 40px;
}*/
  /*
 * Row with equal height columns
 * --------------------------------------------------
 */ }

.row-eq-height {
  display: flex; }

.menu3 {
  text-align: left;
  font-family: 'BBVA-Medium';
  line-height: 18px;
  font-size: 13px;
  padding-bottom: 22px;
  /* line-height: 23px;*/ }

.menu3 div {
  padding-bottom: 22px; }

.menu3 a {
  padding: 0;
  color: #2a86ca !important;
  opacity: 1; }

.menu3 a:hover,
.menu3 a:active,
.menu3 a:focus {
  background-color: initial;
  opacity: 0.6;
  color: #2a86ca !important; }

.menu3 a.active {
  color: #333 !important; }

.mb40 {
  margin-bottom: 33px !important; }

@media (min-width: 769px) {
  .mt40 {
    margin-top: 37px !important; } }

.mb30 {
  margin-bottom: 30px !important; }

.mb80 {
  padding-bottom: 53px !important; }

@media (min-width: 769px) {
  .mb80 {
    padding-bottom: 73px !important; } }

.mb50 {
  margin-bottom: 35px !important; }

@media (min-width: 769px) {
  .mb50 {
    margin-bottom: 47px !important; } }

.mt70 {
  margin-top: 49px; }

@media (min-width: 769px) {
  .mt70 {
    margin-top: 65px; } }

.pr0 {
  padding-right: 0; }

@media (min-width: 769px) {
  .pr0 {
    padding-right: 15px; } }

.pb20 {
  padding-bottom: 20px !important; }

.pb30 {
  padding-bottom: 30px; }

.pb70 {
  padding-bottom: 63px !important; }

.pb60 {
  padding-bottom: 60px !important; }

.pt60 {
  padding-top: 60px !important; }

.pt20 {
  padding-top: 20px !important; }

.pt40 {
  padding-top: 40px !important; }

.pt73 {
  padding-top: 60px !important; }

@media (min-width: 769px) {
  .pt73 {
    padding-top: 73px !important; } }

.pb73 {
  padding-bottom: 60px !important; }

@media (min-width: 769px) {
  .pb73 {
    padding-bottom: 73px !important; } }

.pt80 {
  padding-top: 60px !important; }

@media (min-width: 769px) {
  .pt80 {
    padding-top: 80px !important; } }

.pb80 {
  padding-bottom: 60px !important; }

@media (min-width: 769px) {
  .pb80 {
    padding-bottom: 80px !important; } }

.no-margin {
  margin-bottom: 0 !important;
  margin-top: 0 !important;
  /* ------ BREADCRUMBS ------- */ }

.breadcrumbs {
  margin-top: 15px;
  /* ------ CABECERA INTERIORES ------- */ }

.breadcrumbs li {
  display: inline;
  font: 15px/23px 'BBVA-Book';
  vertical-align: middle; }

.breadcrumbs li a {
  color: #121212; }

.breadcrumbs li a:after {
  font-family: 'bbva_icons';
  font-size: 20px;
  content: '\e932';
  vertical-align: middle;
  display: inline-block;
  color: #666; }

.breadcrumbs li.current {
  color: #666; }

.breadcrumbs span span a {
  color: #121212;
  margin-right: -2px; }

.breadcrumbs span span a:after {
  font-family: 'bbva_icons';
  font-size: 20px;
  content: '\e932';
  vertical-align: middle;
  display: inline-block;
  color: #666 !important;
  margin-left: 1px; }

.breadcrumbs span.breadcrumb_last {
  margin-left: 0px;
  color: #666; }

@media (max-width: 768px) {
  .breadcrumbs {
    display: none; } }

.header-subpage {
  position: relative;
  padding-bottom: 36px;
  /* ------ PAGINADOR ------- */ }

@media (max-width: 768px) {
  .header-subpage {
    /* .title22 {
       @include font-size(15px);
     }*/
    padding-top: 37px; } }

.header-subpage .title-subpage {
  margin-bottom: 13px;
  font-size: 25px;
  font-size: 1.66667em;
  /*   USAGE:  Convert px to em
.element p {
  @include font-size(14px);
}
*/
  line-height: 30px;
  font-family: 'BBVA-Bold';
  color: #121212; }

@media (min-width: 769px) {
  .header-subpage .title-subpage {
    font-size: 42px;
    font-size: 2.8em;
    /*   USAGE:  Convert px to em
.element p {
  @include font-size(14px);
}
*/
    line-height: 50px;
    margin-top: 45px; } }

.header-subpage p {
  margin-top: 8px; }

@media (min-width: 769px) {
  .header-subpage.no-bread .title-subpage {
    margin-top: 52px; } }

.header-subpage.subhome {
  padding-top: 33px;
  padding-bottom: 33px; }

@media (min-width: 769px) {
  .header-subpage.subhome {
    padding-top: 73px;
    padding-bottom: 73px; } }

@media (min-width: 769px) {
  .header-subpage.subhome .title-subpage {
    margin-top: 0; } }

.paginate {
  /* ------ BOX ALERT ------- */ }

@media (min-width: 769px) {
  .paginate {
    margin-top: 65px; } }

.alert-box {
  background-color: #f4f4f4;
  margin-bottom: 7px;
  position: relative;
  padding: 22px 15px 30px 15px;
  /* ------ NAV ASIDE ------- */ }

.alert-box:before {
  font: 25px 'bbva_icons';
  color: #bdbdbd;
  font-size: 25px; }

.alert-box.download:before {
  content: '\e936'; }

.alert-box.pdf:before {
  content: '\e960'; }

.alert-box.lock:before {
  content: '\e937'; }

.alert-box.ok {
  background-color: #d9efe0; }

.alert-box.ok:before {
  content: '\e927';
  color: #48ae64; }

.alert-box .title22 {
  margin-bottom: 18px; }

.alert-box .button-inline {
  margin-top: 0; }

.alert-box.success {
  background-color: #d9efe0; }

@media (max-width: 768px) {
  .alert-box.success {
    padding: 13px 20px 20px 20px; } }

.alert-box.success .title22 {
  margin-bottom: 7px; }

.alert-box.success p {
  color: #121212; }

.alert-box.success:before {
  font-size: 30px;
  top: 21px;
  content: '\e927';
  color: #48ae64; }

.secondary-nav {
  text-align: left;
  font-family: 'BBVA-Medium';
  line-height: 18px;
  font-size: 13px;
  /* --- ACORDEÓN --- */ }

.secondary-nav li {
  list-style: none;
  margin-bottom: 12px; }

.secondary-nav li:last-of-type {
  margin-bottom: 0; }

.secondary-nav li a {
  padding: 0;
  color: #2a86ca !important;
  opacity: 1; }

.secondary-nav li a:hover,
.secondary-nav li a:active,
.secondary-nav li a:focus {
  background-color: initial;
  opacity: 0.6;
  color: #2a86ca !important; }

.secondary-nav li.current a,
.secondary-nav li.active a {
  opacity: 0.6;
  color: #2a86ca !important; }

.cd-top {
  display: inline-block;
  height: 40px;
  width: 40px;
  position: fixed;
  bottom: 40px;
  right: 10px;
  line-height: 40px;
  /* image replacement properties */
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
  background-color: #d4edfc;
  font-family: 'bbva_icons';
  color: #2a86ca;
  font-size: 34px;
  visibility: hidden;
  opacity: 0;
  z-index: 1000;
  transition: opacity 0.3s 0s, visibility 0s 0.3s;
  /* fecha de modificación del contenido */ }

.cd-top.cd-is-visible,
.cd-top.cd-fade-out,
.no-touch .cd-top:hover {
  transition: opacity 0.3s 0s, visibility 0s 0s; }

.cd-top.cd-is-visible {
  visibility: visible;
  opacity: 1; }

.cd-top.cd-fade-out {
  opacity: 0.5; }

.no-touch .cd-top:hover {
  background-color: #d4edfc;
  opacity: 1; }

@media (max-width: 768px) {
  .cd-top {
    right: 20px;
    bottom: 20px;
    line-height: 40px; } }

@media (min-width: 769px) {
  .cd-top {
    height: 40px;
    width: 40px;
    line-height: 40px;
    right: 30px;
    bottom: 30px; } }

.date-update {
  padding-top: 15px;
  padding-bottom: 15px;
  text-align: right; }

header {
  background-color: transparent; 
}

#trakk-widget .trakk-widget .view .details header, .trakk-widget .view .details header{background-color:#fff;}


header .info-adicional {
  padding: 20px 0; }

header .info-adicional .dinamic_tag {
  display: inline-block;
  float: right;
  vertical-align: middle;
  margin-right: 30px; }

header .info-adicional .lang-select {
  float: right; }

header .info-adicional .lang-select li {
  display: inline-block;
  margin: 0 5px; }

header .info-adicional .lang-select li a {
  font-family: BBVA-Bold;
  font-size: 12px;
  display: inline;
  color: #fff;
  opacity: 0.6;
  filter: alpha(opacity=60);
  /*   USAGE: Cross Browser Opacity
.element p {
  @include opacity(0.6);
}
*/
  /* Vertical align */
  text-transform: uppercase;
  /* Safari */
  transition: all ease 0.2s; }

header .info-adicional .lang-select li.current a,
header .info-adicional .lang-select li a:hover {
  opacity: 1;
  filter: alpha(opacity=100);
  /*   USAGE: Cross Browser Opacity
.element p {
  @include opacity(0.6);
}
*/
  /* Vertical align */ }

header .nav-header .claim {
  font-family: 'BBVA-Light';
  font-size: 15px;
  font-size: 1em;
  /*   USAGE:  Convert px to em
.element p {
  @include font-size(14px);
}
*/
  color: #fff;
  margin-bottom: 0; }

@media (min-width: 769px) {
  header .nav-header .claim {
    font-size: 34px;
    font-size: 2.26667em;
    /*   USAGE:  Convert px to em
.element p {
  @include font-size(14px);
}
*/
    line-height: 34px; } }

header nav {
  margin-bottom: 0; }

header nav ul.menu {
  width: 100%;
  display: inline-block;
  margin: 17px 0 23px;
  /* Safari */
  transition: opacity ease 0.5s; }

header nav ul.menu li {
  position: inherit; }

@media (min-width: 769px) {
  header nav ul.menu li {
    max-width: 260px;
    display: inline-block;
    vertical-align: middle; } }

header nav ul.menu li.home-link {
  display: none; }

header nav ul.menu li a {
  font-family: BBVA-Medium;
  color: #fff;
  line-height: 20px;
  opacity: 0.6;
  filter: alpha(opacity=60);
  /*   USAGE: Cross Browser Opacity
.element p {
  @include opacity(0.6);
}
*/
  /* Vertical align */
  font-size: 13px;
  text-transform: uppercase;
  margin-right: 30px;
  text-align: left;
  display: block;
  /* Safari */
  transition: all ease-out 0.5s; }

header nav ul.menu li a:hover,
header nav ul.menu li a:focus,
header nav ul.menu li a:active {
  background-color: initial;
  opacity: 1;
  filter: alpha(opacity=100);
  /*   USAGE: Cross Browser Opacity
.element p {
  @include opacity(0.6);
}
*/
  /* Vertical align */ }

header nav ul.menu li:first-child a {
  margin-left: 0; }

header nav ul.menu li.active a {
  background-color: initial;
  opacity: 1;
  filter: alpha(opacity=100);
  /*   USAGE: Cross Browser Opacity
.element p {
  @include opacity(0.6);
}
*/
  /* Vertical align */ }

header nav + .exp-search .searchbox.open {
  opacity: 0;
  filter: alpha(opacity=0);
  /*   USAGE: Cross Browser Opacity
.element p {
  @include opacity(0.6);
}
*/
  /* Vertical align */ }

@media (min-width: 769px) {
  header .bar {
    position: relative; }
  header .searchbox-ico.resp {
    display: none; }
  header .ticker {
    display: none; }
  header .menu-toggle {
    display: none; }
  header .search-container {
    margin-top: -66px;
    margin-bottom: 66px; }
  header #exp-search {
    position: relative; }
  header #exp-search .searchbox {
    width: 0;
    border: 0;
    position: absolute;
    height: 50px;
    right: 0;
    z-index: 20;
    background: #072146;
    font-size: 16px;
    overflow: hidden;
    transition: all ease-out 0.5s;
    /* Safari */
    transition-delay: 0.25s; }
  header #exp-search .searchbox .searchbox-input {
    position: absolute;
    top: 0;
    border: 0;
    outline: 0;
    background: #072146;
    width: 100%;
    height: 50px;
    margin: 0;
    font: 16px/16px 'BBVA-Book';
    color: #fff;
    padding-left: 25px; }
  header #exp-search .searchbox .searchbox-input:-webkit-autofill {
    background-color: #072146; }
  header #exp-search .searchbox .searchbox-input::-webkit-input-placeholder {
    color: #fff;
    opacity: 0.6;
    filter: alpha(opacity=60);
    /*   USAGE: Cross Browser Opacity
.element p {
  @include opacity(0.6);
}
*/
    /* Vertical align */ }
  header #exp-search .searchbox .searchbox-input:-moz-placeholder {
    color: #fff;
    opacity: 0.6;
    filter: alpha(opacity=60);
    /*   USAGE: Cross Browser Opacity
.element p {
  @include opacity(0.6);
}
*/
    /* Vertical align */ }
  header #exp-search .searchbox .searchbox-input::-moz-placeholder {
    color: #fff;
    opacity: 0.6;
    filter: alpha(opacity=60);
    /*   USAGE: Cross Browser Opacity
.element p {
  @include opacity(0.6);
}
*/
    /* Vertical align */ }
  header #exp-search .searchbox .searchbox-input:-ms-input-placeholder {
    color: #fff;
    opacity: 0.6;
    filter: alpha(opacity=60);
    /*   USAGE: Cross Browser Opacity
.element p {
  @include opacity(0.6);
}
*/
    /* Vertical align */ }
  header #exp-search .searchbox .search-close {
    color: #5bbeff;
    vertical-align: middle;
    position: absolute;
    transition: all ease 0.2s;
    right: 0;
    display: block;
    top: 0;
    padding: 15px 0; }
  header #exp-search .searchbox .search-close i {
    font-size: 24px; }
  header #exp-search .searchbox .search-close:hover {
    color: #2a86ca; }
  header #exp-search .searchbox .btn-search {
    display: block;
    position: absolute;
    top: 0;
    /* Safari */
    transition: all ease 0.5s;
    margin-right: 40px;
    right: 0; }
  header #exp-search .searchbox .btn-search .searchbox-submit {
    font: 12px 'BBVA-BookItalic';
    color: #fff;
    margin: 0;
    border: 0;
    outline: 0;
    line-height: 50px;
    text-align: left;
    vertical-align: middle;
    cursor: pointer; }
  header #exp-search .searchbox .btn-search .searchbox-submit:hover {
    opacity: 0.6;
    filter: alpha(opacity=60);
    /*   USAGE: Cross Browser Opacity
.element p {
  @include opacity(0.6);
}
*/
    /* Vertical align */ }
  header #exp-search .searchbox .btn-search.move-out {
    margin-right: -300px; }
  header #exp-search .searchbox .btn-search.move-in {
    margin-right: 30px; }
  header #exp-search .searchbox.open {
    width: 100%; }
  header #exp-search .searchbox-ico {
    color: #5bbeff;
    font-size: 20px;
    position: absolute;
    right: 0;
    z-index: 20;
    line-height: 50px;
    transition: all ease-out 0.5s;
    transition-delay: 0.3s;
    margin-right: 0; }
  header #exp-search .searchbox.open + .searchbox-ico {
    margin-right: 98.5%;
    pointer-events: none; } }

@media (min-width: 769px) {
  .sidebar {
    display: none; }
  .dropdown-toggle {
    display: none; }
  .drop-menu {
    display: none; }
  .navbar > .container .navbar-brand,
  .navbar > .container-fluid .navbar-brand {
    margin-left: 0;
    height: auto; } }

.submenu {
  background-color: #004481;
  /* ==== MOVIL ===*/ }

@media (max-width: 768px) {
  .submenu {
    display: none; } }

.submenu a {
  font-family: 'BBVA-Book';
  color: #fff;
  opacity: 0.6;
  filter: alpha(opacity=60);
  /*   USAGE: Cross Browser Opacity
.element p {
  @include opacity(0.6);
}
*/
  /* Vertical align */
  font-size: 16px;
  /* Safari */
  transition: all ease 0.2s;
  text-transform: none; }

.submenu a:hover,
.submenu a:focus,
.submenu a:active {
  background-color: initial;
  opacity: 1;
  filter: alpha(opacity=100);
  /*   USAGE: Cross Browser Opacity
.element p {
  @include opacity(0.6);
}
*/
  /* Vertical align */ }

.submenu li.active a {
  opacity: 1;
  filter: alpha(opacity=100);
  /*   USAGE: Cross Browser Opacity
.element p {
  @include opacity(0.6);
}
*/
  /* Vertical align */ }

.submenu.simple {
  padding: 13px 0 13px; }

.submenu.simple ul {
  padding: 7px 0; }

.submenu.simple ul li {
  position: inherit;
  display: inline-block;
  line-height: 15px; }

.submenu.simple ul li:first-child a {
  padding-left: 0; }

.submenu.simple ul li:last-child a {
  padding-right: 0; }

.submenu.simple ul li a {
  padding-right: 30px; }

.submenu.complex .container {
  padding-left: 0;
  padding-right: 0; }

.submenu.complex ul {
  margin: 32px 0 35px 0; }

.submenu.complex ul li a {
  display: block;
  padding: 8px 0; }

.submenu.complex ul li a.active {
  opacity: 1;
  filter: alpha(opacity=100);
  /*   USAGE: Cross Browser Opacity
.element p {
  @include opacity(0.6);
}
*/
  /* Vertical align */ }

@media (max-width: 768px) {
  .site-canvas {
    width: 100%;
    height: 100%;
    position: relative;
    transition: 0.3s ease all; }
  .sidebarLeft {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: -100%;
    z-index: 100; }
  .site-wrapper {
    width: 100%;
    overflow-x: hidden; }
  .site-wrapper.show-menu .site-canvas {
    transform: translateX(100%); }
  .info-adicional,
  .search-container,
  .bar {
    display: none; }
  .ticker {
    height: 25px;
    background-color: #072146;
    text-align: center; }
  .searchbox-ico.resp {
    display: block; }
  header {
    /* ---- CONTENEDOR OFF CANVAS ---- */ }
  header .nav-header {
    padding-top: 17px;
    padding-bottom: 7px;
    display: table;
    width: 100%; }
  header .nav-header .logo-header {
    vertical-align: middle;
    position: relative;
    text-align: center;
    width: 100%;
    display: table-cell;
    padding-right: 30px; }
  header .nav-header .logo-header img {
    width: 45px; }
  header .nav-header .menu-toggle {
    display: inline-block;
    font-size: 20px;
    color: #fff;
    vertical-align: middle;
    margin-right: 15px;
    margin-top: -2px;
    cursor: pointer; }
  header .nav-header .claim {
    display: inline-block;
    text-align: center; }
  header .nav-header .searchbox-ico.resp {
    display: inline-block;
    font-size: 18px;
    color: #fff;
    margin-top: 2px;
    float: right; }
  .sidebar {
    background-color: #072146;
    padding: 18px 15px;
    /* ---- MODAL BUSCADOR ---- */ }
  .sidebar .m-header {
    display: table;
    width: 100%; }
  .sidebar .m-header .brand-m {
    display: table-cell;
    padding-right: 10px;
    vertical-align: middle; }
  .sidebar .m-header .brand-m .logo-header {
    display: block;
    text-align: center; }
  .sidebar .m-header .brand-m .logo-header img {
    width: 45px; }
  .sidebar .m-header .brand-m .claim {
    font-family: 'BBVA-Book';
    font-size: 14px;
    font-size: 0.93333em;
    /*   USAGE:  Convert px to em
.element p {
  @include font-size(14px);
}
*/
    color: #fff;
    display: block;
    margin-top: 6px;
    text-align: center; }
  .sidebar .m-header .close {
    float: left;
    font-size: 16px;
    font-weight: initial;
    color: #fff;
    text-shadow: none;
    display: inline-block;
    opacity: 1; }
  .sidebar .m-header .close:focus {
    outline: none; }
  .canvas-search {
    /* ---- MODAL Menú ---- */ }
  .canvas-search .search-mobile {
    position: relative;
    margin-top: 15px;
    /* ---- RESULTADOS DE LA BÚSQUEDA ---- */ }
  .canvas-search .search-mobile input[type='text'] {
    background-color: transparent;
    padding: 20px 30px 10px 20px;
    color: #fff;
    border: 0;
    border-bottom: 1px solid #fff;
    width: 100%;
    font-size: 13px; }
  .canvas-search .search-mobile input[type='text']:focus {
    outline: none; }
  .canvas-search .search-mobile .input-search-m {
    font-size: 14px;
    color: #fff;
    position: absolute;
    right: 0;
    bottom: 4px;
    z-index: 100;
    cursor: pointer;
    display: block; }
  .canvas-search .search-mobile .search-back {
    cursor: pointer;
    position: absolute;
    display: block;
    left: -8px;
    bottom: 2px; }
  .canvas-search .search-mobile .search-back:before {
    content: '\e924';
    font-family: 'bbva_icons';
    color: #49a5e6;
    font-size: 24px; }
  .canvas-search .s-results li {
    padding: 7px 20px;
    border-bottom: 1px solid rgba(233, 233, 233, 0.2); }
  .canvas-search .s-results li a {
    font-family: 'BBVA-Book';
    font-size: 13px;
    color: #fff;
    line-height: 18px; }
  .canvas-menu .menu-modal {
    margin-top: 24px;
    width: 100%;
    height: 100%;
    position: relative;
    transform: translateX(0);
    transition: 0.2s ease all; }
  .canvas-menu .menu-modal.offcanvas {
    transform: translateX(-105%); }
  .canvas-menu .menu-modal .m-body {
    position: relative; }
  .canvas-menu .menu-modal .dropdown-toggle {
    display: inline-block;
    position: absolute;
    right: 0;
    height: 45px;
    line-height: 45px;
    cursor: pointer;
    top: 0;
    padding: 0 10px;
    bottom: 0;
    vertical-align: middle;
    z-index: 100;
    transition: 0.2s ease all; }
  .canvas-menu .menu-modal .dropdown-toggle.active {
    transform: rotate(180deg); }
  .canvas-menu .menu-modal .dropdown-toggle.active:before {
    color: #49a5e6; }
  .canvas-menu .menu-modal .dropdown-toggle:before {
    content: '\e946';
    font-family: 'bbva_icons';
    color: #fff;
    font-size: 23px; }
  .canvas-menu .menu-modal .dropdown.up,
  .canvas-menu .menu-modal .dropdown.active {
    display: block;
    width: 100%; }
  .canvas-menu .menu-modal .dropdown.up > a,
  .canvas-menu .menu-modal .dropdown.active > a {
    color: #49a5e6; }
  .canvas-menu .menu-modal ul {
    position: relative; }
  .canvas-menu .menu-modal ul li {
    border-bottom: 1px solid rgba(233, 233, 233, 0.2);
    transition: opacity ease-in 0.2s;
    -moz-transition: opacity ease-in 0.2s;
    -webkit-transition: opacity ease-in 0.2s;
    -o-transition: opacity ease-in 0.2s; }
  .canvas-menu .menu-modal ul li.home-link {
    display: block; }
  .canvas-menu .menu-modal ul li a {
    font-family: 'BBVA-Light';
    font-size: 17px;
    color: #fff;
    letter-spacing: -0.23px;
    line-height: 18px;
    padding: 14px 25px 14px 20px;
    display: block; }
  .canvas-menu .menu-modal ul li a:hover,
  .canvas-menu .menu-modal ul li a:focus {
    background-color: transparent;
    color: #5bbeff; }
  .canvas-menu .menu-modal ul li.dropdown {
    position: relative; }
  .canvas-menu .menu-modal ul li.inactive {
    opacity: 0.15;
    pointer-events: none;
    cursor: default; }
  .canvas-menu .menu-modal .drop-menu {
    background-color: #072146;
    border-top: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9;
    display: none; }
  .canvas-menu .menu-modal .drop-menu.open {
    display: block;
    opacity: 1; }
  .canvas-menu .menu-modal .drop-menu.open > a {
    color: #5bbeff; }
  .search-m {
    /* Safari */
    transition: all linear 0.2s;
    opacity: 1;
    transform: translateX(0);
    padding: 12px 20px;
    border-bottom: 1px solid #e9e9e9; }
  .search-m a {
    font-size: 17px;
    color: #fff; }
  .search-m a i {
    margin-right: 3px;
    font-size: 14px; }
  .lang-m {
    margin: 12px 20px;
    display: block;
    /* Safari */
    transition: all ease 0.02s; }
  .lang-m li {
    display: inline-block;
    margin-right: 15px; }
  .lang-m li a {
    font-family: BBVA-Bold;
    font-size: 12px;
    display: inline;
    color: #fff;
    opacity: 0.6;
    filter: alpha(opacity=60);
    /*   USAGE: Cross Browser Opacity
.element p {
  @include opacity(0.6);
}
*/
    /* Vertical align */
    text-transform: uppercase;
    /* Safari */
    transition: all linear 0.02s; }
  .lang-m li.current a,
  .lang-m li a:hover {
    opacity: 1;
    filter: alpha(opacity=100);
    /*   USAGE: Cross Browser Opacity
.element p {
  @include opacity(0.6);
}
*/
    /* Vertical align */ }
  .offcanvas ~ .search-m {
    transform: translateX(-105%); }
  .offcanvas ~ .lang-m {
    display: none; } }

@media (max-width: 768px) and (max-width: 768px) {
  header .nav-header .claim {
    display: none; } }

.grey {
  background-color: #f4f4f4; }

section.grey + section.grey {
  padding-top: 0;
  /* Módulo Inmformación de interés*/ }

section.interest {
  margin: 40px 0;
}

section.interest .container {
  display: flex;
  padding: 0;
}

section.interest .container .cardInterest {
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #fff;
  border-radius: 1rem;
  padding: 16px 0 32px 0;
}

section.interest .container .cardInterest a {
  padding-top: 10px;
  font-family: 'BBVA-Medium';
  font-size: 20px;
  line-height: 24px;
  letter-spacing: 0px;
  color: #001391;
}

section.interest .container .cardInterest .microilustInterest .icon {
  width: 120px;
  height: 120px;
}

section.interest .container .cardInterest .microilustInterest .icon img {
  width: 120px;
  height: 120px;
}

@media screen and (min-width: 991px) {
  section.interest .container {
    
  }
  section.interest .container .contCardInterest {
    width: 100%;
    margin-right: 16px;
  }
  section.interest .container .contCardInterest:last-child{
    margin-right: 0;
  }
}
@media screen and (min-width: 668px) and (max-width: 990px) {
  section.interest .container {
    display: flex;
    flex-wrap: wrap;
  }
  
  section.interest .container .contCardInterest {
    width: 50%;
  }

  section.interest .container .contCardInterest:nth-child(even) {
    padding-left: 8px;
    padding-bottom: 16px;
  }

  section.interest .container .contCardInterest:nth-child(odd) {
    padding-right: 8px;
    padding-bottom: 16px;
  }
}
@media screen and (max-width: 667px) {
  section.interest .container {
    display: flex;
    flex-wrap: wrap;
  }
  section.interest .container .contCardInterest {
    width: 100%;
    margin: 0 16px 16px 16px;
  }
}

section.contact-card {
  padding-top: 74px;
  padding-bottom: 80px; }

@media (max-width: 768px) {
  section.contact-card {
    padding-bottom: 60px;
    padding-top: 55px; } }

section.contact-card .title34 {
  margin-bottom: 16px; }

section.contact-card .title-section-h {
  font: 34px/42px 'BBVA-Medium';
  letter-spacing: -0.5px;
  color: #121212;
  margin-bottom: 15px; }

section.contact-card .bodycopy {
  font: 22px/29px 'BBVA-Book';
  color: #121212;
  margin-bottom: 35px; }

section.contact-card .card-c {
  background-color: #fff;
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
  margin-top: 33px;
  padding: 30px; }

section.contact-card .card-c .card-image,
section.contact-card .card-c .card-content {
  display: block;
  text-align: center; }

@media (min-width: 769px) {
  section.contact-card .card-c .card-image,
  section.contact-card .card-c .card-content {
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    max-width: 340px; } }

@media (max-width: 768px) {
  section.contact-card .card-c .title-m22 {
    margin-bottom: 5px;
    margin-top: 17px; } }

section.contact-card .card-c .puesto-hor {
  color: #121212; }

@media (max-width: 768px) {
  section.contact-card .card-c .email {
    margin-top: 15px; }
  section.contact-card .card-c .email a.link {
    font-size: 13px !important; } }

section.contact-card .card-c .card-image img {
  border-radius: 50%;
  /* stops bg color from leaking outside the border: */
  background-clip: padding-box;
  /* USAGE: Border Radius
.button {
  @include border-radius(5px);
}
*/
  /* Shadows */
  width: 90px;
  margin: 0 auto; }

@media (min-width: 769px) {
  section.contact-card .card-c .card-image img {
    width: 120px; } }

@media (min-width: 769px) {
  section.contact-card .card-c .card-image {
    margin-right: 30px; } }

section.infograph {
  padding: 80px 0; }

.media-mobile {
  margin-top: -23px;
  display: block;
  padding-bottom: 60px; }

.media-mobile .cta-secundary {
  margin-top: 18px; }

@media (min-width: 769px) {
  .media-mobile {
    display: none; } }

.media-desktop {
  display: none; }

@media (min-width: 769px) {
  .media-desktop {
    display: block; } }

section.herramientas-del-inversor {
  padding-bottom: 70px;
  margin-top: -38px;
  background-color: #f4f4f4; }

@media (min-width: 769px) {
  section.herramientas-del-inversor {
    margin-top: -78px;
    padding-bottom: 8px;
    padding-top: 77px !important; } }

section.herramientas-del-inversor .card {
  background-color: #fff;
  text-align: center;
  position: relative;
  padding: 25px 25px 25px 23px;
  margin-top: 30px;
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2); }

section.herramientas-del-inversor .card .image {
  max-height: 150px;
  margin-bottom: 11px; }

section.herramientas-del-inversor .card .image img {
  transition: all ease 0.3s;
  max-width: 110px;
  height: auto; }

@media (min-width: 769px) {
  section.herramientas-del-inversor .card {
    padding: 30px 60px 25px 60px;
    margin-top: 0;
    margin-bottom: 0; }
  section.herramientas-del-inversor .card .image img {
    max-width: 170px;
    height: auto; }
  section.herramientas-del-inversor .card .image .shadow {
    width: 160px;
    height: 10px;
    margin: 0 auto 40px;
    display: block;
    background-color: transparent;
    position: relative;
    box-shadow: 0 20px 17px -2px rgba(0, 0, 0, 0.1), 0 0px 0px transparent, 0 0 0 rgba(0, 0, 0, 0.1) inset;
    -webkit-box-shadow: 0 20px 17px -2px rgba(0, 0, 0, 0.1), 0 0px 0px transparent, 0 0 0 rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 0 20px 17px -2px rgba(0, 0, 0, 0.1), 0 0px 0px transparent, 0 0 0 rgba(0, 0, 0, 0.1) inset; } }

section.herramientas-del-inversor .card .title26 {
  margin-bottom: 10px; }

section.herramientas-del-inversor .card .bodycopy {
  margin-bottom: 12px;
  color: #666; }

@media (min-width: 769px) {
  section.herramientas-del-inversor .card .bodycopy {
    margin-bottom: 20px; } }

section.herramientas-del-inversor .card:hover .image img {
  transform: translatey(-20px); }

@media (min-width: 769px) {
  section.herramientas-del-inversor .row + .row {
    margin-top: 30px;
    margin-bottom: 80px; } }

section.herramientas-home {
  padding-top: 60px;
  padding-bottom: 70px;
  margin-top: 0px !important;
  /* ----------------- NAV Lateral --------------- */
  /* ------- compartido en Faq y Emisoras  ------ */ }

@media (min-width: 769px) {
  section.herramientas-home {
    margin-top: 0px !important;
    padding-bottom: 8px; } }

@media (min-width: 769px) {
  aside.col-md-4 {
    padding-right: 0;
    margin-right: -15px; }
  aside .secondary-nav {
    width: 75%; }
  aside .secondary-nav li {
    margin-bottom: 16px; } }

.content-aside {
  padding-left: 30px;
  margin-bottom: 80px;
  border-left: 1px solid #d3d3d3;
  /* ----------------- GLOSARIO --------------- */ }

.content-aside .title34 {
  margin-top: -6px;
  margin-bottom: 48px; }

.content-aside .box-faq {
  margin-bottom: 28px; }

.content-aside .box-faq .title22 {
  margin-bottom: 7px; }

.content-aside .box-faq p {
  margin-bottom: 12px; }

.content-aside .box-faq p:last-child {
  margin-bottom: 0; }

.content-aside .box-faq:last-child {
  margin-bottom: 0; }

@media (min-width: 769px) {
  .glosary {
    padding-top: 35px; } }

.header-glosary {
  display: none; }

@media (min-width: 769px) {
  .header-glosary {
    display: block; } }

.header-glosary .glosary-list {
  margin-top: 17px; }

.header-glosary .glosary-list li {
  display: inline;
  margin-right: 22px; }

.header-glosary .glosary-list li a {
  font: 22px/29px 'BBVA-Book';
  color: #666;
  opacity: 0.6;
  filter: alpha(opacity=60);
  /*   USAGE: Cross Browser Opacity
.element p {
  @include opacity(0.6);
}
*/
  /* Vertical align */ }

.header-glosary .glosary-list li:hover a,
.header-glosary .glosary-list li.active a {
  color: #121212;
  opacity: 1;
  filter: alpha(opacity=100);
  /*   USAGE: Cross Browser Opacity
.element p {
  @include opacity(0.6);
}
*/
  /* Vertical align */ }

.combo-filter.glosary {
  margin-top: 37px !important; }

section.glosary {
  /* ----------------- FAQ --------------- */
  /* ------------ Mobile First------------- */ }

@media (max-width: 768px) {
  section.glosary {
    margin-top: -13px; } }

section.glosary .static .abstract {
  margin-bottom: 14px !important;
  font-size: 17px;
  font-size: 1.13333em;
  /*   USAGE:  Convert px to em
.element p {
  @include font-size(14px);
}
*/
  line-height: 23px;
  font-family: 'BBVA-Medium';
  color: #121212; }

@media (min-width: 769px) {
  section.glosary .static .abstract {
    font-size: 22px;
    font-size: 1.46667em;
    /*   USAGE:  Convert px to em
.element p {
  @include font-size(14px);
}
*/
    line-height: 29px;
    font-family: 'BBVA-Book';
    margin-bottom: 8px !important; } }

section.faq {
  /* ----------------- EMISORAS --------------- */ }

section.faq.desktop {
  display: none; }

section.faq.mobile {
  display: block;
  padding-bottom: 37px; }

section.faq.mobile .title22 {
  font-family: 'BBVA-Medium';
  color: #121212;
  font-size: 17px;
  font-size: 1.13333em;
  /*   USAGE:  Convert px to em
.element p {
  @include font-size(14px);
}
*/
  line-height: 23px;
  margin-bottom: 13px; }

section.faq.mobile .box-faq {
  padding-top: 33px; }

section.faq.mobile .box-faq:last-of-type {
  padding-bottom: 33px; }

section.faq.mobile .box-faq p {
  padding-bottom: 7px; }

section.faq.mobile .title:first-child {
  border-top: 0; }

section.faq.mobile .title:last-child {
  border-bottom: 0; }

@media (min-width: 769px) {
  section.faq.desktop {
    display: block; }
  section.faq.mobile {
    display: none; } }

section.emisoras {
  /* --------------- RESULTADOS DE LA BÚSQUEDA --------------- */ }

section.emisoras .title34B {
  margin-bottom: 17px; }

section.emisoras.desktop {
  display: none; }

section.emisoras.mobile {
  display: block;
  padding-bottom: 37px; }

section.emisoras.mobile .pt40 {
  padding-top: 33px; }

section.emisoras.mobile .title22 {
  margin-bottom: 13px; }

section.emisoras.mobile .box-link {
  border-bottom: 1px solid #e9e9e9;
  padding: 33px 0 40px 0; }

section.emisoras.mobile .box-link:last-of-type {
  margin-bottom: 0; }

section.emisoras.mobile .title34 {
  margin-bottom: -18px; }

section.emisoras.mobile .other-info {
  padding: 33px 0 40px 0; }

section.emisoras.mobile .other-info .title24 {
  margin-bottom: 13px; }

section.emisoras.mobile .other-info .box-link {
  border: 0;
  padding: 0; }

@media (min-width: 769px) {
  section.emisoras.desktop {
    display: block; }
  section.emisoras.desktop .title22 {
    margin-top: -5px;
    margin-bottom: 22px; }
  section.emisoras.desktop .title24 {
    margin-bottom: -18px; }
  section.emisoras.desktop .box-link {
    border-bottom: 1px solid #e9e9e9;
    padding: 43px 0 50px 0; }
  section.emisoras.desktop .box-link:last-of-type {
    margin-bottom: 0; }
  section.emisoras.desktop .other-info {
    padding: 43px 0 0; }
  section.emisoras.desktop .other-info .title24 {
    margin-bottom: 23px; }
  section.emisoras.desktop .other-info .box-link {
    border: 0;
    padding: 0; }
  section.emisoras.mobile {
    display: none; } }

section.search-results {
  /* --- REPOSITORIO DE DOCUMENTOS --- */ }

section.search-results.desktop {
  display: none; }

section.search-results.mobile {
  display: block;
  background-color: #f4f4f4; }

section.search-results.mobile .card-h {
  padding-bottom: 60px; }

section.search-results.mobile .result {
  padding-bottom: 40px;
  padding-top: 33px;
  border-bottom: 1px solid #e9e9e9; }

section.search-results.mobile .result:first-of-type {
  padding-top: 0; }

section.search-results.mobile .result .title22 {
  margin-bottom: 18px; }

@media (min-width: 769px) {
  section.search-results.desktop {
    display: block;
    padding-top: 34px !important;
    background-color: #f4f4f4; }
  section.search-results.desktop .tab-content > .active {
    padding-top: 0;
    padding-bottom: 80px;
    display: inline-block;
    width: 100%; }
  section.search-results.desktop article.card-h {
    padding-top: 40px; }
  section.search-results.desktop.mobile {
    display: none; } }

@media (min-width: 769px) {
  section.search-results.desktop {
    display: block; }
  section.search-results.mobile {
    display: none; } }

.sinpadding {
  padding-top: 0px !important; }

.ppal_docs .title34 {
  margin-bottom: 30px; }

@media (max-width: 768px) {
  .ppal_docs .title-m22 {
    font-family: 'BBVA-Book';
    margin-bottom: 13px; }
  .ppal_docs .card-v .content {
    padding: 15px 20px 20px 20px; }
  .ppal_docs .title34 {
    margin-bottom: 20px; } }

.other_docs {
  padding-top: 73px; }

.other_docs .result:last-of-type {
  padding-bottom: 0;
  border-bottom: 0;
  margin-bottom: 0; }

@media (min-width: 769px) {
  .other_docs .result:last-of-type {
    margin-bottom: 27px !important; } }

@media (max-width: 768px) {
  .content .static .container .row .col-md-8 {
    padding-right: 0;
    padding-left: 0; }
  .content .container article .row .col-xs-12,
  .content .container article .row .col-md-3,
  .content .container article .row .col-md-6,
  .content .container article .row .col-md-8,
  .content .container article .row .col-md-12 {
    padding-left: 0 !important; } }

section.module1 .icon-description {
  display: -ms-flex;
  display: flex;
  flex-wrap: wrap; }

@media (min-width: 769px) {
  section.module1 .icon-description {
    margin-left: -15px;
    margin-right: -15px; } }

section.module1 .box {
  display: block;
  width: 100%;
  margin-bottom: 30px; }

@media (min-width: 769px) {
  section.module1 .box {
    flex-basis: 33%;
    margin-bottom: 38px;
    padding-left: 15px;
    padding-right: 15px; } }

section.module1 .box .icon {
  color: #bdbdbd;
  font-size: 24px;
  display: inline-block;
  margin-bottom: 7px; }

@media (min-width: 769px) {
  section.module1 .box .icon {
    margin-bottom: 10px; } }

section.module1 .box .icon .date {
  font: 12px 'BBVA-Book';
  color: #121212;
  display: inline-block;
  vertical-align: top;
  margin-left: 10px;
  margin-top: 5px; }

section.module1 .box .title22 {
  margin-bottom: 7px; }

section.module1 .box .link {
  margin-top: 9px;
  display: block;
  /* Safari */
  transition: all ease 0.2s; }

@media (min-width: 769px) {
  section.module1 .box .link {
    margin-top: 15px; } }

@media (min-width: 769px) {
  section.module1 .box .link:nth-of-type(2) {
    margin-top: 2px; } }

section.module_cardv .row {
  margin-bottom: 48px; }

section.module_cardv .row:last-child {
  margin-bottom: 0; }

section.module_cardv .abstract {
  margin-bottom: 3px;
  margin-top: 15px;
  text-align: center;
  color: #121212; }

@media (max-width: 992px) {
  section.module_cardv .row {
    margin-bottom: 24px; }
  section.module_cardv div[class*='col-'] {
    margin-bottom: 30px; }
  section.module_cardv div[class*='col-']:last-of-type {
    margin-bottom: 0; } }

section.module_cardv.grey.pt73.pb80 + section.module_cardv.grey.pt73.pb80 {
  padding-top: 0 !important;
  margin-top: -30px !important; }

@media (min-width: 769px) and (max-width: 992px) {
  section.module_cardv.grey.pt73.pb80 + section.module_cardv.grey.pt73.pb80 {
    margin-top: -80px !important; } }

@media (min-width: 992px) {
  section.module_cardv.grey.pt73.pb80 + section.module_cardv.grey.pt73.pb80 {
    margin-top: -50px !important; } }

.card-v {
  height: 100%;
  position: relative;
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
  /* USAGE: Border Radius
.button {
  @include box-shadow(2px, 34px, 1px, 0px, rgba(0, 0, 0, 0.5))
}
*/ }

.card-v .content {
  display: flex;
  flex-direction: column;
  background-color: #fff;
  position: relative;
  z-index: 20;
  padding: 15px 20px 27px 20px; }

@media (min-width: 769px) {
  .card-v .content {
    padding: 25px 30px; } }

.card-v .content .button-inblock {
  position: static; }

.card-v .content .bodycopy {
  margin-bottom: 15px;
  z-index: 20;
  position: relative; }

.card-v .content .date {
  font: 11px/14px 'BBVA-Book';
  color: #121212;
  text-transform: uppercase;
  padding-bottom: 10px;
  display: block;
  margin-top: -10px;
  position: relative;
  z-index: 20; }

.card-v .content.research .title22-20,
.card-v .content.news .title22-20 {
  position: relative;
  z-index: 20;
  margin-bottom: 30px; }

@media (max-width: 992px) {
  .card-v .content.research .date,
  .card-v .content.news .date {
    padding-bottom: 2px; } }

.card-v .content:before {
  height: 50px;
  background-color: #fff;
  width: 100%;
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  z-index: 10;
  transform-origin: top left;
  transition: transform 0.4s; }

@media (min-width: 769px) {
  .card-v .card-info {
    margin-bottom: 20px; }
  .card-v .card-info.multi-link {
    margin-bottom: 43px; }
  .card-v .link:not(.no-audio) {
    position: absolute;
    bottom: 23px; }
  .card-v .card-links {
    display: block;
    position: absolute;
    bottom: 0; }
  .card-v .card-links .link {
    display: block;
    position: relative; } }

.card-v .link {
  margin-top: 2px;
  display: block;
  /* .card-links {
     .link {
      
     @media (min-width: 769px) {
       display: flex;
       flex-direction: column;

       position: absolute;
       bottom: 23px;

     }
   }*/ }

.card-v .link:first-child {
  margin-top: 0; }

.card-v:hover .content:before {
  transform: skewy(-2deg); }

.card-v .title26 {
  z-index: 20;
  position: relative;
  z-index: 20;
  margin-bottom: 13px; }

@media (max-width: 768px) {
  .card-v .title26 {
    margin-bottom: 7px; } }

.card-v .title26.white {
  color: #fff; }

.card-v .image img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  max-height: 245px;
  min-height: 245px; }

@media (max-width: 768px) {
  .card-v .image img {
    max-height: 200px;
    min-height: 200px; } }

@media (max-width: 768px) {
  .card-v .news {
    padding-top: 24px;
    padding-bottom: 34px; } }

.card-v .news .title-m22 {
  margin-bottom: 33px;
  position: relative;
  z-index: 20; }

.card-v .title-m22 + .bodycopy,
.card-v .title22-20 + .bodycopy {
  margin-bottom: 13px; }

@media (max-width: 768px) {
  .card-v .title-m22 + .button-inblock {
    margin-top: 7px; } }

.card-v.onimage .content {
  padding: 13px 30px 30px 30px; }

@media (max-width: 768px) {
  .card-v.onimage .content {
    padding: 17px 20px 30px 20px; } }

.card-v.onimage .image {
  position: relative; }

.card-v.onimage .image img {
  min-height: 370px;
  max-height: 370px; }

@media (max-width: 768px) {
  .card-v.onimage .image img {
    min-height: 200px;
    max-height: 200px; } }

.card-v.onimage .image .overlay.dark {
  background-color: #072146;
  opacity: 0.25;
  filter: alpha(opacity=25);
  /*   USAGE: Cross Browser Opacity
.element p {
  @include opacity(0.6);
}
*/
  /* Vertical align */
  height: 100%;
  position: absolute;
  width: 100%; }

@media (max-width: 768px) {
  .card-v.onimage .highlight {
    display: none !important; }
  .card-v.onimage .title26 {
    display: block; } }

@media (min-width: 769px) {
  .card-v.onimage .title26 {
    display: none; }
  .card-v.onimage .highlight {
    display: block;
    font: 40px/46px 'BBVA-Bold';
    letter-spacing: -0.6px;
    position: absolute;
    bottom: 0;
    color: #fff;
    padding: 20px 30px; } }

.card-v.media {
  margin-bottom: 30px; }

.card-v.media .date {
  font: 11px/14px 'BBVA-Medium';
  color: #666; }

@media (min-width: 769px) {
  .card-v.media .date {
    color: #9b9b9b; } }

.card-v.media .image {
  position: relative; }

.card-v.media .image img {
  width: 100%;
  height: auto;
  max-height: 145px;
  min-height: 145px;
  -o-object-fit: cover;
     object-fit: cover; }

@media (min-width: 769px) {
  .card-v.media .image img {
    max-height: 180px;
    min-height: 180px; } }

.card-v.media .image .play-video {
  position: absolute;
  right: 0;
  left: 0;
  top: 75px;
  margin-top: -26px;
  text-align: center; }

@media (min-width: 769px) {
  .card-v.media .image .play-video {
    top: 90px; } }

.card-v.media .image .play-video a {
  display: inline-block; }

.card-v.media .image .play-video i {
  font-size: 52px;
  color: #fff; }

.card-v.media .title18 {
  margin-bottom: 35px;
  z-index: 40; }

@media (max-width: 768px) {
  .card-v.media .content {
    padding-top: 27px;
    padding-bottom: 23px; } }

.card-v.media.video .content .title18 {
  margin-bottom: 0 !important; }

.card-v.media.audio .content {
  padding-top: 38px;
  justify-content: initial; }

.card-v.media.audio .content a.link.no-audio {
  display: block; }

.card-v.media.audio .title18 {
  position: relative;
  z-index: 20;
  margin-bottom: 18px; }

.card-v.media.slides .image,
.card-v.media.infograph .image {
  height: 180px;
  background-size: cover; }

@media (max-width: 768px) {
  .card-v.media.slides .image,
  .card-v.media.infograph .image {
    height: 200px; } }

.card-v.media.slides .title18,
.card-v.media.infograph .title18 {
  position: relative;
  z-index: 20;
  margin-bottom: 34px; }

div.contact-card {
  background-color: #fff;
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
  /* USAGE: Border Radius
.button {
  @include box-shadow(2px, 34px, 1px, 0px, rgba(0, 0, 0, 0.5))
}
*/
  padding: 20px 20px 25px 20px; }

@media (min-width: 769px) {
  div.contact-card {
    padding: 30px 30px 25px 30px; } }

div.contact-card .photo img {
  border-radius: 100%;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  width: 90px;
  height: 90px;
  -o-object-fit: cover;
     object-fit: cover; }

@media (min-width: 769px) {
  div.contact-card .photo img {
    width: 120px;
    height: 120px; } }

div.contact-card.vertical .info {
  text-align: center;
  margin-top: 9px; }

div.contact-card.vertical .info p {
  color: #121212; }

@media (min-width: 769px) {
  div.contact-card.vertical .info {
    margin-top: 18px; } }

@media (max-width: 768px) {
  div.contact-card.vertical .info .title-m22 {
    margin-bottom: 8px; } }

div.contact-card.vertical .info .dir {
  margin-top: 9px; }

div.contact-card.vertical .info .dir p {
  color: #666; }

@media (min-width: 769px) {
  div.contact-card.vertical .info .dir {
    margin-top: 16px; } }

div.contact-card.vertical .info .email {
  margin-top: 15px; }

@media (min-width: 769px) {
  div.contact-card.vertical .info .email {
    margin-top: 13px; } }

div.contact-card.vertical .photo {
  text-align: center; }

@media (max-width: 768px) {
  .module-contact-card-v div[class*='col-'] {
    margin-bottom: 30px; }
  .module-contact-card-v div[class*='col-']:last-of-type {
    margin-bottom: 0; } }

.card-h .title34 {
  margin-bottom: 30px; }

@media (max-width: 768px) {
  .card-h .title34 {
    margin-bottom: 36px; } }

.card-h .title-rollover {
  display: block;
  font-size: 20px;
  font-size: 1.33333em;
  /*   USAGE:  Convert px to em
.element p {
  @include font-size(14px);
}
*/
  font-family: 'BBVA-Bold';
  line-height: 27px;
  letter-spacing: -0.6px;
  position: absolute;
  padding: 0 65px;
  color: #fff;
  text-align: center;
  z-index: 20;
  width: 100%;
  top: 50%;
  transform: translateY(-50%); }

.card-h .card {
  padding: 0 15px;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
  background-color: #fff;
  position: relative;
  overflow: hidden;
  margin-bottom: 30px; }

.card-h .card:last-of-type {
  margin-bottom: 0px; }

@media (min-width: 786px) {
  .card-h .card {
    height: 250px; }
  .card-h .card.no-image {
    height: 215px; }
  .card-h .card.no-image .card-content {
    height: 215px; } }

.card-h .card .card-image {
  min-height: 200px;
  overflow: hidden;
  position: relative; }

.card-h .card .card-image .overlay.dark {
  background-color: #072146;
  opacity: 0.25;
  filter: alpha(opacity=25);
  /*   USAGE: Cross Browser Opacity
.element p {
  @include opacity(0.6);
}
*/
  /* Vertical align */
  height: 100%;
  position: absolute;
  width: 100%;
  z-index: 1;
  top: 0; }

.card-h .card .card-image.c_iframe {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  min-height: 250px;
  margin-right: -14px !important;
  overflow-y: scroll;
  overflow-x: hidden;
  overflow: -moz-scrollbars-vertical !important;
  overflow-x: hidden;
  overflow-y: auto; }

@media (max-width: 768px) {
  .card-h .card .card-image.c_iframe {
    padding-bottom: 37.25%; } }

.card-h .card .card-image.c_iframe iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.card-h .card .card-image img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  height: 200px; }

@media (min-width: 786px) {
  .card-h .card .card-image {
    min-height: 245px; }
  .card-h .card .card-image img {
    height: 250px; } }

.card-h .card .card-content {
  padding: 14px 20px 30px 20px;
  position: relative; }

.card-h .card .card-content > p {
  position: relative;
  z-index: 20; }

.card-h .card .card-content:before {
  height: 50px;
  background-color: #fff;
  width: 100%;
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  z-index: 10;
  transform-origin: top left;
  transition: transform 0.4s; }

@media (min-width: 786px) {
  .card-h .card .card-content {
    padding: 0 60px 0 50px;
    display: table-cell;
    vertical-align: middle;
    height: 250px; }
  .card-h .card .card-content .button-inline {
    margin-top: 33px; }
  .card-h .card .card-content:before {
    height: 100%;
    width: 50px;
    position: absolute;
    transform-origin: bottom right; }
  .card-h .card .card-content .cta-primary {
    min-width: initial; } }

.card-h .card .card-content .title22 {
  z-index: 20;
  position: relative; }

.card-h .card .card-content .prod_title {
  position: relative;
  font: 22px/29px 'BBVA-Book';
  color: #121212;
  z-index: 20; }

.card-h .card .card-content .bodycopy {
  margin-top: 5px;
  z-index: 20;
  position: relative; }

.card-h .card:hover .card-content:before {
  transform: skewy(-2deg); }

@media (min-width: 769px) {
  .card-h .card:hover .card-content:before {
    transform: skewx(3deg); } }

.card-h + .card-h {
  padding-top: 0; }

section.header-subpage + .card-h {
  padding-top: 0; }

.block-links {
  padding-bottom: 53px; }

.block-links .result {
  border-bottom: 1px solid #d3d3d3;
  padding: 33px 0 40px 0; }

.block-links .result:first-of-type {
  padding-top: 0; }

.block-links .result .title22 {
  margin-bottom: 13px; }

.block-links .result .date {
  color: #121212;
  font-size: 14px;
  font-size: 0.93333em;
  /*   USAGE:  Convert px to em
.element p {
  @include font-size(14px);
}
*/
  padding-bottom: 12px; }

@media (min-width: 769px) {
  .block-links .result {
    border-bottom: 1px solid #d3d3d3;
    padding-bottom: 50px;
    padding-top: 47px; }
  .block-links .result:last-of-type {
    margin-bottom: 55px; }
  .block-links .result:first-of-type {
    padding-top: 47px; }
  .block-links .result .title22 {
    margin-top: -5px;
    margin-bottom: 22px; } }

@media (min-width: 786px) and (max-width: 1199px) {
  .card-h .card .card-content {
    padding: 0 10px 0 0; }
  .card-h .card .card-content:before {
    width: 100px;
    left: -50px; }
  .card-h .card .card-content .button-inline {
    z-index: 10;
    position: relative; }
  .card-h .card .card-content .button-inline li {
    margin-right: 10px; }
  .card-h .card .card-content h4,
  .card-h .card .card-content p {
    z-index: 10;
    position: relative; }
  .card-h .title-rollover {
    padding: 0 80px 20px 30px; } }

#homeSlider .carousel-inner .carousel-item {
  height: 200px;
  margin-bottom: 370px;
  background-size: cover;
  background-position: 50% 50%; }

@media (min-width: 769px) {
  #homeSlider .carousel-inner .carousel-item {
    height: 578px;
    margin-bottom: 0; } }

@media (max-width: 768px) {
  #homeSlider .carousel-inner .carousel-item .caption {
    position: absolute;
    top: 240px;
    /* &:before{
             width: 100%;
             position: absolute;
             height: 90px;
             left: 0;
             content: '';
             transform: skewY(-3deg);
             margin-top: -44px;
             background-color: $white;
           }*/
    width: 100%; } }

#homeSlider .carousel-inner .carousel-item .caption .caption_box {
  text-align: center; }

@media (min-width: 769px) {
  #homeSlider .carousel-inner .carousel-item .caption .caption_box {
    background-color: rgba(255, 255, 255, 0.85);
    padding: 55px 70px 35px 35px;
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    width: 100%;
    top: 289px;
    margin-top: -162px;
    text-align: left; } }

@media (min-width: 769px) and (max-width: 1200px) {
  #homeSlider .carousel-inner .carousel-item .caption .caption_box {
    margin-left: 50px; } }

#homeSlider .carousel-inner .carousel-item .caption .item_title {
  font-size: 24px;
  font-size: 1.6em;
  /*   USAGE:  Convert px to em
.element p {
  @include font-size(14px);
}
*/
  line-height: 27px;
  letter-spacing: -0.6px;
  font-family: 'BBVA-Light';
  color: #121212;
  width: 95%;
  margin: 0 auto;
  margin-bottom: 10px; }

@media (min-width: 769px) {
  #homeSlider .carousel-inner .carousel-item .caption .item_title {
    font-size: 40px;
    font-size: 2.66667em;
    /*   USAGE:  Convert px to em
.element p {
  @include font-size(14px);
}
*/
    line-height: 45px;
    margin-bottom: 15px;
    letter-spacing: -0.45px;
    width: initial; } }

#homeSlider .carousel-inner .carousel-item .caption .bodycopy {
  margin-bottom: 27px; }

@media (min-width: 769px) {
  #homeSlider .carousel-inner .carousel-item .caption .bodycopy {
    margin-bottom: 40px; } }

#homeSlider .bbva-title,
#homeSlider .oblique {
  display: none; }

@media (max-width: 768px) {
  #homeSlider .oblique {
    display: block;
    position: absolute;
    height: 29px;
    left: 0;
    top: 187px;
    right: 0;
    content: '';
    transform: skewY(-2.5deg);
    background-color: #fff; }
  #homeSlider .bbva-title {
    display: block;
    text-align: center;
    font-family: BBVA-Book;
    font-size: 14px;
    font-size: 0.93333em;
    /*   USAGE:  Convert px to em
.element p {
  @include font-size(14px);
}
*/
    color: #004481;
    position: absolute;
    top: 213px;
    right: 0;
    left: 0; }
  #homeSlider .bbva-title .mid-line {
    width: 60px;
    margin-top: 7px;
    border-top: 1px solid #e9e9e9; } }

#homeSlider .control {
  margin-top: 0;
  z-index: 10;
  position: absolute;
  top: 50%;
  transform: translatey(-50%); }

@media (max-width: 768px) {
  #homeSlider .control {
    display: none; } }

#homeSlider .control i {
  font-size: 56px;
  color: #fff;
  display: block; }

#homeSlider .control img {
  display: block;
  margin: 0 auto; }

#homeSlider .control.left {
  left: 50px; }

#homeSlider .control.right {
  right: 50px; }

#homeSlider .control.right i {
  /* IE 9 */
  /* Chrome, Safari, Opera */
  transform: rotate(180deg); }

@media (max-width: 768px) {
  #homeSlider .carousel-indicators {
    bottom: -7px; } }

#homeSlider .carousel-indicators li {
  border: 0;
  cursor: pointer;
  background-color: #fff;
  opacity: 0.6;
  filter: alpha(opacity=60);
  /*   USAGE: Cross Browser Opacity
.element p {
  @include opacity(0.6);
}
*/
  /* Vertical align */
  /* For IE8 and earlier */
  filter: alpha(opacity=60);
  margin: 0 3px; }

@media (max-width: 768px) {
  #homeSlider .carousel-indicators li {
    background-color: #e9e9e9;
    width: 8px;
    height: 8px;
    margin: 0 3px;
    padding: 0 !important;
    opacity: 1;
    filter: alpha(opacity=100);
    /*   USAGE: Cross Browser Opacity
.element p {
  @include opacity(0.6);
}
*/
    /* Vertical align */
    /* For IE8 and earlier */
    filter: alpha(opacity=100); } }

#homeSlider .carousel-indicators li.active {
  margin: 0 3px;
  width: 10px;
  height: 10px;
  opacity: 1;
  filter: alpha(opacity=100);
  /*   USAGE: Cross Browser Opacity
.element p {
  @include opacity(0.6);
}
*/
  /* Vertical align */
  /* For IE8 and earlier */
  filter: alpha(opacity=100); }

@media (max-width: 768px) {
  #homeSlider .carousel-indicators li.active {
    background-color: #02a5a5;
    width: 8px;
    height: 8px;
    margin: 0 3px;
    padding: 0 !important; } }

@media (max-width: 768px) {
  /* =============== */
  /* SECTION PROMOS  */
  /* =============== */
  .wpb_column > .vc_column-inner > .wpb_wrapper > section.module1:first-child {
    background-color: #f4f4f4 !important; } }

section.video-promo {
  height: 430px;
  position: relative;
  overflow: hidden; }

@media (min-width: 769px) {
  section.video-promo {
    height: 610px; } }

section.video-promo .overlay.blue {
  background-color: #072146;
  opacity: 0.25;
  filter: alpha(opacity=25);
  /*   USAGE: Cross Browser Opacity
.element p {
  @include opacity(0.6);
}
*/
  /* Vertical align */
  /* For IE8 and earlier */
  filter: alpha(opacity=25);
  mix-blend-mode: normal; }

section.video-promo .info-box {
  z-index: 20;
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  /*@media (min-width: 769px) {
      margin-top: 88px;
    }*/
  transform: translateY(150px); }

section.video-promo #pause {
  position: absolute;
  top: 30px;
  right: 30px;
  z-index: 20;
  text-transform: uppercase;
  color: #fff;
  font: 12px 'BBVA-Medium';
  opacity: 0.6;
  filter: alpha(opacity=60);
  /*   USAGE: Cross Browser Opacity
.element p {
  @include opacity(0.6);
}
*/
  /* Vertical align */
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
  display: none;
  /* Safari */
  transition: all ease 0.4s; }

section.video-promo #pause:hover {
  opacity: 1;
  filter: alpha(opacity=100);
  /*   USAGE: Cross Browser Opacity
.element p {
  @include opacity(0.6);
}
*/
  /* Vertical align */
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); }

section.video-promo video {
  position: absolute;
  min-height: 100%;
  min-width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: -100; }

section.video-promo .cta-play {
  margin-top: 44px;
  margin-bottom: 0; }

@media (min-width: 769px) {
  section.video-promo .cta-play {
    margin-top: 72px;
    margin-bottom: 0; } }

section.video-promo:hover #pause {
  display: inherit; }

section.promo .fractal {
  position: absolute;
  bottom: -6px;
  z-index: 10; }

section.promo.desktop {
  display: none; }

section.promo.mobile {
  background-color: #004481;
  position: relative;
  overflow: hidden; }

section.promo.mobile .fractal {
  right: 0;
  left: 0; }

section.promo.mobile .fractal img {
  height: 550px;
  width: 100%; }

section.promo.mobile .headline,
section.promo.mobile .bodycopy {
  color: #fff; }

section.promo.mobile .headline {
  margin-bottom: 17px; }

section.promo.mobile .bodycopy {
  margin-bottom: 16px; }

section.promo.mobile figure {
  position: relative; }

section.promo.mobile figure:after {
  width: 100%;
  position: absolute;
  height: 190px;
  left: 0;
  content: '';
  transform: skewY(5deg);
  margin-top: -43px;
  background-color: #004481;
  z-index: 10; }

section.promo.mobile .content {
  z-index: 20;
  text-align: center;
  position: relative;
  padding-bottom: 80px; }

section.promo.mobile .info-box {
  position: relative;
  z-index: 20; }

section.promo.mobile .image img {
  width: 100%;
  min-height: 305px;
  -o-object-fit: cover;
     object-fit: cover; }

section.promo.mobile.color-inverted {
  background-color: #2a86ca; }

section.promo.mobile.color-inverted figure:after {
  background-color: #2a86ca; }

section.promo.mobile.color-inverted .info-box .cta-primary {
  background-color: #043263; }

section.promo.mobile.color-inverted .info-box .cta-primary:hover {
  background-color: #004481; }

@media (min-width: 769px) {
  section.promo.mobile {
    display: none; }
  section.promo.desktop {
    display: block;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: cover;
    padding: 135px 0;
    position: relative;
    overflow: hidden; }
  section.promo.desktop .container-fluid {
    padding-left: 0;
    padding-right: 0; }
  section.promo.desktop .layer-blue {
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    width: 65%;
    z-index: 1;
    border-right: 130px solid transparent;
    border-bottom: 750px solid #004481; }
  section.promo.desktop .info-box {
    z-index: 20;
    display: table-cell;
    height: 100%;
    vertical-align: middle;
    position: relative; }
  section.promo.desktop .headline {
    color: #fff;
    margin-bottom: 12px; }
  section.promo.desktop .bodycopy {
    color: #fff;
    margin-bottom: 40px; }
  section.promo.desktop .fractal {
    bottom: -40px; }
  section.promo.desktop .fractal.right {
    right: 0;
    height: 100%; }
  section.promo.desktop .fractal.left {
    left: 0; }
  section.promo.desktop.inverted .layer-blue {
    left: auto;
    right: 0;
    border-left: 130px solid transparent;
    border-right: 0; }
  section.promo.desktop.inverted .col-sm-6 {
    left: 50%; }
  section.promo.desktop.inverted .fractal.right {
    right: auto;
    left: 0;
    /* IE 9 */
    /* Chrome, Safari, Opera */
    transform: rotateY(180deg); }
  section.promo.desktop.inverted .fractal.left {
    left: auto;
    right: 0;
    /* IE 9 */
    /* Chrome, Safari, Opera */
    transform: rotateY(180deg); }
  section.promo.desktop.color-inverted .layer-blue {
    border-bottom: 750px solid #2a86ca; }
  section.promo.desktop.color-inverted .info-box .cta-primary {
    background-color: #043263; }
  section.promo.desktop.color-inverted .info-box .cta-primary:hover {
    background-color: #004481; } }

section.hero {
  position: relative; }

section.hero .jumbotron {
  min-height: 180px;
  padding: 0;
  display: flex;
  width: 100%;
  /* .container {
       max-width: 100%;
       display: table-cell;
       vertical-align: middle;
       height: 100%;
     }*/
  margin-bottom: 0; }

@media (min-width: 769px) {
  section.hero .jumbotron {
    max-height: 450px;
    height: 450px; } }

section.hero.employee .jumbotron {
  max-height: 110px;
  height: 110px; }

@media (min-width: 769px) {
  section.hero.employee .jumbotron {
    max-height: 450px;
    height: 450px; } }

section.hero .align-v {
  margin: 0 auto; }

@media (min-width: 769px) {
  section.hero .align-v {
    max-height: 450px;
    height: 450px; } }

@media (max-width: 768px) {
  section.hero .cta-play {
    margin-top: -43px; } }

section.hero:not(.employee):before {
  background-color: #072146;
  opacity: 0.25;
  filter: alpha(opacity=25);
  /*   USAGE: Cross Browser Opacity
.element p {
  @include opacity(0.6);
}
*/
  /* Vertical align */
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  content: ''; }

section.suscription {
  text-align: center; }

section.suscription .title36 {
  margin-bottom: 18px;
  color: #fff; }

@media (min-width: 769px) {
  section.suscription .title36 {
    margin-bottom: 33px; } }

section.suscription .bodycopy {
  margin-bottom: 26px; }

@media (min-width: 769px) {
  section.suscription .bodycopy {
    margin-bottom: 33px;
    font-family: 'BBVA-Medium'; } }

section.suscription .box-image {
  background-position: center center;
  background-size: cover;
  z-index: 4;
  position: relative;
  padding: 56px 0 60px 0; }

@media (min-width: 769px) {
  section.suscription .box-image {
    padding: 138px 0 135px 0; } }

.form-group.has-error label {
  top: 12px;
  font-size: 12px; }

.has-error *,
.validation_message {
  color: #a94442; }

.organigram {
  /* CARD Perfil Organigrama */ }

.organigram.desktop {
  display: none; }

.organigram.mobile .dpto {
  padding: 35px 0; }

.organigram.mobile .subdpto {
  padding-top: 10px;
  padding-bottom: 35px; }

@media (min-width: 1024px) {
  .organigram.mobile {
    display: none; }
  .organigram.desktop {
    padding-bottom: 50px;
    display: block; }
  .organigram.desktop .subdpto {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    align-content: center;
    align-items: flex-start; }
  .organigram.desktop .name-dpto {
    font: 22px/29px 'BBVA-Book';
    color: #121212;
    margin-bottom: 23px;
    text-align: center; }
  .organigram.desktop .dpto {
    position: relative;
    margin-top: 63px; }
  .organigram.desktop .dpto:before {
    content: '';
    height: 30px;
    position: absolute;
    top: -34px;
    left: 50%;
    width: 111.6%;
    border-top: 1px solid #bdbdbd;
    border-left: 1px solid #bdbdbd;
    z-index: 5; }
  .organigram.desktop .dpto:nth-child(3):before {
    border-top: 0 !important; }
  .organigram.desktop .dpto:last-of-type:before {
    content: '';
    width: 170px;
    position: absolute;
    top: -367px;
    left: -36px;
    border-top: 1px solid #bdbdbd;
    border-right: 1px solid #bdbdbd;
    z-index: 1;
    border-left: 0;
    height: 362px; } }

.profile-card {
  z-index: 2;
  position: relative;
  background-color: #fff;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2); }

@media (max-width: 1024px) {
  .profile-card {
    text-align: center; } }

.profile-card .photo {
  width: 90px;
  margin: 0 auto;
  height: 90px;
  margin-bottom: 17px; }

@media (min-width: 769px) {
  .profile-card .photo {
    width: 120px;
    height: 120px;
    margin-bottom: 0; } }

.profile-card .photo img {
  border-radius: 100%;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  width: 90px;
  height: 90px;
  -o-object-fit: cover;
     object-fit: cover; }

@media (min-width: 769px) {
  .profile-card .photo img {
    width: 120px;
    height: 120px; } }

.profile-card .name {
  font: 22px/27px 'BBVA-Medium';
  color: #121212;
  letter-spacing: -0.4px; }

.profile-card.landscape {
  margin: 30px 0;
  padding: 20px 30px 30px;
  position: relative; }

.profile-card.landscape:first-of-type {
  margin-top: 0; }

.profile-card.landscape:last-of-type {
  margin-bottom: 0; }

@media (min-width: 1024px) {
  .profile-card.landscape {
    padding: 30px;
    margin: 30px 0 9px; } }

@media (min-width: 1024px) {
  .profile-card.landscape .photo {
    display: inline-block;
    vertical-align: middle; }
  .profile-card.landscape .info {
    display: inline-block;
    vertical-align: middle;
    margin-left: 23px; } }

.profile-card .name {
  margin-bottom: 8px; }

@media (min-width: 1024px) {
  .profile-card .name {
    text-align: left; } }

.profile-card .position {
  margin-bottom: 10px; }

@media (min-width: 1024px) {
  .profile-card:after {
    content: '';
    height: 30px;
    border-left: 1px solid #bdbdbd;
    position: absolute;
    /* right: 0; */
    bottom: -30px;
    left: 50%; } }

.profile-card.vertical {
  position: relative;
  height: 100%;
  margin-bottom: 30px; }

@media (min-width: 769px) {
  .profile-card.vertical {
    width: 263px; } }

.profile-card.vertical .photo {
  padding: 30px 30px 0 30px;
  text-align: center; }

.profile-card.vertical .info {
  padding: 0 30px 30px 30px;
  text-align: center;
  margin-top: 22px; }

.profile-card.vertical .name {
  text-align: center; }

.profile-card.vertical .position {
  margin-bottom: 36px;
  margin-top: 5px; }

.profile-card.vertical .link {
  position: absolute;
  bottom: 30px;
  left: 0;
  right: 0; }

.profile-card.vertical:last-of-type {
  margin-bottom: 0; }

.profile-card.vertical:last-of-type:after {
  content: '';
  border-left: 0; }

.org-profile {
  margin-top: -80px;
  position: relative;
  z-index: 5; }

@media (min-width: 769px) {
  .org-profile {
    margin-top: -160px; } }

.org-profile .photo img {
  border-radius: 100%;
  height: 79px;
  margin-bottom: 5px;
  -o-object-fit: cover;
     object-fit: cover; }

@media (min-width: 769px) {
  .org-profile .photo img {
    height: 140px; } }

.org-profile .meta-data {
  margin-bottom: 23px;
  padding-bottom: 13px; }

.org-profile .meta-data .name {
  font-family: 'BBVA-Bold';
  line-height: 30px;
  font-size: 25px;
  font-size: 1.66667em;
  /*   USAGE:  Convert px to em
.element p {
  @include font-size(14px);
}
*/
  letter-spacing: -0.3px;
  color: #121212;
  margin-bottom: 5px; }

@media (min-width: 769px) {
  .org-profile .meta-data .name {
    font-size: 42px;
    font-size: 2.8em;
    /*   USAGE:  Convert px to em
.element p {
  @include font-size(14px);
}
*/
    letter-spacing: -0.5px;
    margin-bottom: 0;
    line-height: 50px; } }

.org-profile .meta-data .info {
  font-family: 'BBVA-Medium';
  line-height: 18px;
  font-size: 13px;
  color: #121212; }

@media (min-width: 769px) {
  .org-profile .meta-data .info {
    font-size: 15px;
    font-size: 1em;
    /*   USAGE:  Convert px to em
.element p {
  @include font-size(14px);
}
*/
    line-height: 23px; } }

.org-profile .meta-data .info strong {
  font-family: 'BBVA-Bold'; }

@media (min-width: 769px) {
  .org-profile .meta-data {
    margin-bottom: 33px;
    border-bottom: 1px solid #e9e9e9; } }

.org-profile .block {
  margin-bottom: 29px; }

.org-profile .block:last-of-type {
  margin-bottom: 0; }

.more-info .title34B {
  margin-bottom: 23px; }

@media (max-width: 767px) {
  .more-info .title34B {
    font-family: 'BBVA-Medium';
    font-size: 20px;
    line-height: 24px;
    letter-spacing: -0.5px;
    margin-bottom: 21px; } }

.more-info .title22 {
  margin-top: 6px;
  margin-bottom: 10px; }

@media (min-width: 768px) {
  .more-info .title22 {
    margin-top: 0;
    margin-bottom: 5px; } }

.more-info .bodycopy {
  margin-bottom: 22px; }

@media (min-width: 768px) {
  .more-info .bodycopy {
    margin-bottom: 15px; } }

.more-info .button-center {
  margin: 0 auto;
  text-align: center; }

@media (min-width: 768px) {
  .more-info .cta-primary {
    position: absolute;
    top: 30px;
    right: 30px; } }

article.data-content {
  margin-bottom: 68px; }

@media (max-width: 768px) {
  article.data-content {
    margin-bottom: 33px; } }

article.data-content:last-child {
  margin-bottom: 5px; }

@media (max-width: 768px) {
  article.data-content .title-data {
    position: relative;
    padding-right: 30px; } }

.table-responsive {
  border: 1px solid #e9e9e9;
  margin-bottom: 0; }

.table-responsive .table,
.table-responsive .tablepress {
  background-color: #fff;
  margin-bottom: 0;
  /* &.special-width {
        table-layout: auto;
        & > tbody {
          & > tr {
            & > td {
              &:nth-of-type(2) {
                @media (min-width: 1200px) {
                  min-width: 188px;
                }
                @media (max-width: 768px) {
                  width: auto;
                }
              }
              &:first-of-type {
                @media (min-width: 1200px) {
                  min-width: 300px;
                }

              }
            }
          }
        }
      }*/ }

.table-responsive table tr:nth-child(odd) {
  background-color: #d4edfc; }

@media (min-width: 1200px) {
  .table-responsive .table,
  .table-responsive .tablepress {
    table-layout: fixed; } }

.table-responsive .table > thead > tr,
.table-responsive .tablepress > thead > tr {
  border-bottom: 1px solid #d8d8d8; }

.table-responsive .table > thead > tr > th,
.table-responsive .tablepress > thead > tr > th {
  border: 0;
  background-color: #fff;
  border-right: 1px solid #d8d8d8;
  font-family: 'BentonMedium', sans-serif;
  color: #121212;
  vertical-align: middle;
  font-weight: initial;
  font-size: 13px;
  font-size: 0.86667em;
  /*   USAGE:  Convert px to em
.element p {
  @include font-size(14px);
}
*/
  padding-top: 18px;
  padding-bottom: 15px; }

@media (min-width: 769px) {
  .table-responsive .table > thead > tr > th,
  .table-responsive .tablepress > thead > tr > th {
    border-right: 1px solid #d8d8d8;
    line-height: 23px;
    font-size: 15px;
    font-size: 1em;
    /*   USAGE:  Convert px to em
.element p {
  @include font-size(14px);
}
*/
    padding: 10px 30px 7px 20px;
    height: 70px; } }

.table-responsive .table > thead > tr > th:first-of-type,
.table-responsive .tablepress > thead > tr > th:first-of-type {
  border-right: 1px solid #bdbdbd;
  text-align: left;
  padding-left: 1em; }

@media (min-width: 769px) {
  .table-responsive .table > thead > tr > th:first-of-type,
  .table-responsive .tablepress > thead > tr > th:first-of-type {
    border-right: 1px solid #d8d8d8;
    padding-left: 30px; } }

.table-responsive .table > tbody > tr > td,
.table-responsive .tablepress > tbody > tr > td {
  padding: 5px 15px 5px;
  border: 0;
  border-right: 1px solid #d8d8d8;
  font-family: 'BentonMedium', sans-serif;
  font-size: 13px;
  font-size: 0.86667em;
  /*   USAGE:  Convert px to em
.element p {
  @include font-size(14px);
}
*/
  line-height: 23px;
  color: #666; }

.table-responsive .table > tbody > tr > td a,
.table-responsive .tablepress > tbody > tr > td a {
  font-size: 13px;
  font-size: 0.86667em;
  /*   USAGE:  Convert px to em
.element p {
  @include font-size(14px);
}
*/
  line-height: 18px;
  font-family: 'BentonMedium', sans-serif;
  color: #2a86ca;
  font-weight: initial !important;
  /* Safari */
  transition: all ease 0.2s; }

@media (min-width: 769px) {
  .table-responsive .table > tbody > tr > td a,
  .table-responsive .tablepress > tbody > tr > td a {
    font-size: 12px;
    /*   USAGE:  Convert px to em
.element p {
  @include font-size(14px);
}
*/
    line-height: 23px; } }

@media (min-width: 769px) {
  .table-responsive .table > tbody > tr > td,
  .table-responsive .tablepress > tbody > tr > td {
    font-size: 12px;
    /*   USAGE:  Convert px to em
.element p {
  @include font-size(14px);
}
*/
    padding: 10px 30px 10px 20px; }
  .table-responsive .table > tbody > tr > td:first-of-type,
  .table-responsive .tablepress > tbody > tr > td:first-of-type {
    padding-left: 30px; } }

.table-responsive .table > tbody > tr > td:first-of-type,
.table-responsive .tablepress > tbody > tr > td:first-of-type {
  text-align: left; }

.table-responsive .table > tbody > tr.odd td,
.table-responsive .tablepress > tbody > tr.odd td {
  background-color: rgba(212, 237, 252, 0.3); }

@media (min-width: 768px) {
  .table-responsive .table > tbody > tr.odd td,
  .table-responsive .tablepress > tbody > tr.odd td {
    position: relative; } }

.table-responsive .table > tbody > tr.odd:first-of-type td,
.table-responsive .tablepress > tbody > tr.odd:first-of-type td {
  padding-top: 13px; }

@media (min-width: 769px) {
  .table-responsive .table > tbody > tr:first-of-type td,
  .table-responsive .tablepress > tbody > tr:first-of-type td {
    padding-top: 20px; } }

.table-responsive .table > tbody > tr:last-of-type td,
.table-responsive .tablepress > tbody > tr:last-of-type td {
  padding-bottom: 13px; }

@media (min-width: 769px) {
  .table-responsive .table > tbody > tr:last-of-type td,
  .table-responsive .tablepress > tbody > tr:last-of-type td {
    padding-bottom: 20px; } }

.table-responsive .table.fixed-column,
.table-responsive .tablepress.fixed-column {
  display: none; }

.table-responsive .table.bordered > tbody,
.table-responsive .tablepress.bordered > tbody {
  /* --- Fixed column responsive --- */ }

.table-responsive .table.bordered > tbody > tr:first-of-type td,
.table-responsive .tablepress.bordered > tbody > tr:first-of-type td {
  padding-top: 13px; }

@media (min-width: 769px) {
  .table-responsive .table.bordered > tbody > tr:first-of-type td,
  .table-responsive .tablepress.bordered > tbody > tr:first-of-type td {
    padding-top: 10px; } }

.table-responsive .table.bordered > tbody > tr:last-of-type td,
.table-responsive .tablepress.bordered > tbody > tr:last-of-type td {
  padding-bottom: 13px; }

@media (min-width: 769px) {
  .table-responsive .table.bordered > tbody > tr:last-of-type td,
  .table-responsive .tablepress.bordered > tbody > tr:last-of-type td {
    padding-bottom: 10px; } }

.table-responsive .table.bordered > tbody > tr > td,
.table-responsive .tablepress.bordered > tbody > tr > td {
  border: 1px solid #d8d8d8; }

.table-responsive .table.bordered > tbody > tr > td:first-of-type,
.table-responsive .tablepress.bordered > tbody > tr > td:first-of-type {
  border-left: 0; }

.table-responsive .table.bordered > tbody > tr > td:last-of-type,
.table-responsive .tablepress.bordered > tbody > tr > td:last-of-type {
  border-right: 1px solid #d8d8d8; }

@media (max-width: 768px) {
  .table-responsive .table.bordered > tbody,
  .table-responsive .tablepress.bordered > tbody {
    display: block; }
  .table-responsive .table.bordered > tbody > tr:last-of-type td,
  .table-responsive .tablepress.bordered > tbody > tr:last-of-type td {
    padding-bottom: 5px; }
  .table-responsive .table.bordered > tbody > tr:first-of-type td,
  .table-responsive .tablepress.bordered > tbody > tr:first-of-type td {
    padding-top: 5px; } }

@media (max-width: 768px) {
  .table-responsive .table.bordered.fixed-column > thead tr,
  .table-responsive .tablepress.bordered.fixed-column > thead tr {
    border-bottom: 1px solid #d8d8d8; }
  .table-responsive .table.bordered.fixed-column > thead tr:last-of-type,
  .table-responsive .tablepress.bordered.fixed-column > thead tr:last-of-type {
    border-bottom: 0; }
  .table-responsive .table.bordered.fixed-column > thead tr:last-of-type td,
  .table-responsive .tablepress.bordered.fixed-column > thead tr:last-of-type td {
    padding-bottom: 10px; }
  .table-responsive .table.bordered.fixed-column > thead tr:first-of-type,
  .table-responsive .tablepress.bordered.fixed-column > thead tr:first-of-type {
    border-top: 0; }
  .table-responsive .table.bordered.fixed-column > thead tr:first-of-type td,
  .table-responsive .tablepress.bordered.fixed-column > thead tr:first-of-type td {
    padding-top: 10px; } }

@media (max-width: 768px) {
  .table-responsive .table > thead > tr > th:first-of-type,
  .table-responsive .tablepress > thead > tr > th:first-of-type {
    border-right: 1px solid #d8d8d8; }
  .table-responsive .table > tbody > tr > td,
  .table-responsive .tablepress > tbody > tr > td {
    white-space: nowrap !important;
    padding-top: 13px; }
  .table-responsive .table > tbody > tr > td:first-of-type,
  .table-responsive .tablepress > tbody > tr > td:first-of-type {
    border-right: 1px solid #d8d8d8;
    padding-top: 13px; }
  .table-responsive .table:not(.fixed-column),
  .table-responsive .tablepress:not(.fixed-column) {
    overflow-x: scroll; }
  .table-responsive .table:not(.fixed-column) > tbody > tr,
  .table-responsive .tablepress:not(.fixed-column) > tbody > tr {
    width: 100% !important;
    background-color: #fff; }
  .table-responsive .table:not(.fixed-column) > tbody > tr:nth-child(odd),
  .table-responsive .tablepress:not(.fixed-column) > tbody > tr:nth-child(odd) {
    background-color: #d4edfc; }
  .table-responsive .table:not(.fixed-column) > tbody > tr > td,
  .table-responsive .tablepress:not(.fixed-column) > tbody > tr > td {
    width: 100%;
    padding-top: 13px; }
  .table-responsive .table:not(.fixed-column) > tbody > tr > td:first-of-type,
  .table-responsive .tablepress:not(.fixed-column) > tbody > tr > td:first-of-type {
    overflow-x: hidden; }
  .table-responsive .table:not(.fixed-column) > thead > tr,
  .table-responsive .tablepress:not(.fixed-column) > thead > tr {
    width: 100%; }
  .table-responsive .table:not(.fixed-column) > thead > tr > th,
  .table-responsive .tablepress:not(.fixed-column) > thead > tr > th {
    width: 100%;
    min-width: 200px; }
  .table-responsive .table:not(.fixed-column) > thead > tr > th:first-of-type,
  .table-responsive .tablepress:not(.fixed-column) > thead > tr > th:first-of-type {
    overflow-x: hidden; }
  .table-responsive .table:not(.fixed-column):before,
  .table-responsive .tablepress:not(.fixed-column):before {
    font-family: 'bbva_icons';
    color: #bdbdbd;
    content: '\e941';
    position: absolute;
    right: 24px;
    top: -43px;
    font-size: 20px; }
  .table-responsive .table.fixed-column,
  .table-responsive .tablepress.fixed-column {
    position: absolute;
    width: 180px !important;
    border-right: 1px solid #bdbdbd;
    display: inline-block;
    overflow-x: scroll !important; }
  .table-responsive .table.fixed-column > tbody > tr,
  .table-responsive .tablepress.fixed-column > tbody > tr {
    min-width: 180px !important;
    width: 100% !important; }
  .table-responsive .table.fixed-column > tbody > tr > td,
  .table-responsive .tablepress.fixed-column > tbody > tr > td {
    width: 100% !important;
    padding-top: 13px; }
  .table-responsive .table.fixed-column > tbody > tr > td:first-of-type,
  .table-responsive .tablepress.fixed-column > tbody > tr > td:first-of-type {
    display: inline-block;
    min-width: 180px !important; }
  .table-responsive .table.fixed-column > thead > tr,
  .table-responsive .tablepress.fixed-column > thead > tr {
    min-width: 180px !important;
    width: 100% !important; }
  .table-responsive .table.fixed-column > thead > tr > th:first-of-type,
  .table-responsive .tablepress.fixed-column > thead > tr > th:first-of-type {
    display: inline-block;
    min-width: 180px !important; } }

.legend {
  margin-bottom: 0 !important;
  margin-top: 15px;
  padding-right: 15px;
  /** TablePress **/ }

@media (min-width: 769px) {
  .tablepress.col-1-100 .column-1 {
    width: 100px !important; }
  .tablepress.col-1-150 .column-1 {
    width: 150px !important; }
  .tablepress.col-1-200 .column-1 {
    width: 200px !important; }
  .tablepress.col-1-250 .column-1 {
    width: 250px !important; }
  .tablepress.col-1-300 .column-1 {
    width: 300px !important;
    /** Columna 2 **/ }
  .tablepress.col-2-100 .column-2 {
    width: 100px !important; }
  .tablepress.col-2-150 .column-2 {
    width: 150px !important; }
  .tablepress.col-2-200 .column-2 {
    width: 200px !important; }
  .tablepress.col-2-250 .column-2 {
    width: 250px !important; }
  .tablepress.col-2-300 .column-2 {
    width: 300px !important;
    /** Columna 3 **/ }
  .tablepress.col-3-100 .column-3 {
    width: 100px !important; }
  .tablepress.col-3-150 .column-3 {
    width: 150px !important; }
  .tablepress.col-3-200 .column-3 {
    width: 200px !important; }
  .tablepress.col-3-250 .column-3 {
    width: 250px !important; }
  .tablepress.col-3-300 .column-3 {
    width: 300px !important;
    /** Columna 4 **/ }
  .tablepress.col-4-100 .column-4 {
    width: 100px !important; }
  .tablepress.col-4-150 .column-4 {
    width: 150px !important; }
  .tablepress.col-4-200 .column-4 {
    width: 200px !important; }
  .tablepress.col-4-250 .column-4 {
    width: 250px !important; }
  .tablepress.col-4-300 .column-4 {
    width: 300px !important;
    /** Columna 5 **/ }
  .tablepress.col-5-100 .column-5 {
    width: 100px !important; }
  .tablepress.col-5-150 .column-5 {
    width: 150px !important; }
  .tablepress.col-5-200 .column-5 {
    width: 200px !important; }
  .tablepress.col-5-250 .column-5 {
    width: 250px !important; }
  .tablepress.col-5-300 .column-5 {
    width: 300px !important;
    /** Columna 6 **/ }
  .tablepress.col-6-100 .column-6 {
    width: 100px !important; }
  .tablepress.col-6-150 .column-6 {
    width: 150px !important; }
  .tablepress.col-6-200 .column-6 {
    width: 200px !important; }
  .tablepress.col-6-250 .column-6 {
    width: 250px !important; }
  .tablepress.col-6-300 .column-6 {
    width: 300px !important;
    /** Columna 7 **/ }
  .tablepress.col-7-100 .column-7 {
    width: 100px !important; }
  .tablepress.col-7-150 .column-7 {
    width: 150px !important; }
  .tablepress.col-7-200 .column-7 {
    width: 200px !important; }
  .tablepress.col-7-250 .column-7 {
    width: 250px !important; }
  .tablepress.col-7-300 .column-7 {
    width: 300px !important;
    /** Columna 8 **/ }
  .tablepress.col-8-100 .column-8 {
    width: 100px !important; }
  .tablepress.col-8-150 .column-8 {
    width: 150px !important; }
  .tablepress.col-8-200 .column-8 {
    width: 200px !important; }
  .tablepress.col-8-250 .column-8 {
    width: 250px !important; }
  .tablepress.col-8-300 .column-8 {
    width: 300px !important;
    /** Columna 9 **/ }
  .tablepress.col-9-100 .column-9 {
    width: 100px !important; }
  .tablepress.col-9-150 .column-9 {
    width: 150px !important; }
  .tablepress.col-9-200 .column-9 {
    width: 200px !important; }
  .tablepress.col-9-250 .column-9 {
    width: 250px !important; }
  .tablepress.col-9-300 .column-9 {
    width: 300px !important; } }

.form-group {
  width: initial;
  position: relative;
  margin-bottom: 30px; }

.form-group.inline {
  display: inline-block; }

.form-group input[type='text'],
.form-group input[type='email'],
.form-group select {
  font-family: 'BBVA-Book';
  font-size: 14px;
  font-size: 0.93333em;
  /*   USAGE:  Convert px to em
.element p {
  @include font-size(14px);
}
*/
  line-height: 14px;
  background-color: #f4f4f4;
  padding: 15px 5px 0 20px;
  /*min-width: 260px;*/
  display: block;
  border: none;
  color: #121212;
  width: 100%;
  box-shadow: none;
  border-radius: 1px;
  /* stops bg color from leaking outside the border: */
  background-clip: padding-box;
  /* USAGE: Border Radius
.button {
  @include border-radius(5px);
}
*/
  /* Shadows */
  height: 50px;
  z-index: 1;
  /*&:after {
    position: absolute;
    display: block!important;
    width: 20px;
    height: 20px;
    content: "\e9c0";
    color: $red_d;
    font-family: 'bbva_icons'!important;
    font-size: 20px;
  }*/ }

@media (min-width: 769px) {
  .form-group input[type='text'],
  .form-group input[type='email'],
  .form-group select {
    font-size: 16px;
    font-size: 1.06667em;
    /*   USAGE:  Convert px to em
.element p {
  @include font-size(14px);
}
*/
    line-height: 16px;
    padding: 20px 10px 0 20px;
    height: 60px; } }

.form-group input[type='text'].error,
.form-group input[type='email'].error,
.form-group select.error {
  background-color: #f8d7dc;
  background-image: url("../assets/alert-ico.svg");
  background-repeat: no-repeat;
  background-position: calc(100% - 20px) center;
  background-size: 20px;
  position: relative; }

.form-group input[type='text'].error label,
.form-group input[type='email'].error label,
.form-group select.error label {
  color: #121212; }

.form-group textarea {
  background-color: #f4f4f4;
  padding: 15px 5px 0 20px;
  display: block;
  min-width: 260px;
  border: none;
  color: #121212;
  width: 100%;
  min-height: 250px;
  box-shadow: none;
  border-radius: 1px;
  /* stops bg color from leaking outside the border: */
  background-clip: padding-box;
  /* USAGE: Border Radius
.button {
  @include border-radius(5px);
}
*/
  /* Shadows */ }

@media (min-width: 769px) {
  .form-group textarea {
    font-size: 16px;
    font-size: 1.06667em;
    /*   USAGE:  Convert px to em
.element p {
  @include font-size(14px);
}
*/
    line-height: 16px;
    padding: 30px 10px 0 20px; } }

.form-group textarea.error {
  background-color: #f8d7dc;
  background-image: url("../assets/alert-ico.svg");
  background-repeat: no-repeat;
  background-position: calc(100% - 20px) 20px;
  background-size: 20px;
  position: relative; }

.form-group textarea.error label {
  color: #121212; }

.form-group input:focus,
.form-group textarea:focus {
  /* TODO: Añado estilos para pisar los estilos .form-control del framework */
  outline: none;
  border: none;
  box-shadow: none;
  /*  Format LABEL ======================================= */ }

.form-group label:not(.error) {
  font: 16px/16px 'BBVA-Book';
  color: #bdbdbd;
  font-weight: normal;
  position: absolute;
  pointer-events: none;
  top: 18px;
  left: 20px;
  z-index: 5;
  transition: 0.2s ease all;
  -moz-transition: 0.2s ease all;
  -webkit-transition: 0.2s ease all;
  /* active state */
  /* TODO: Cambio sistema de activación: gravity forms */ }

@media (min-width: 769px) {
  .form-group label:not(.error) {
    top: 23px; } }

.form-group label:not(.error).active {
  top: 7px;
  font-size: 12px;
  color: #666; }

@media (min-width: 769px) {
  .form-group label:not(.error).active {
    top: 12px; } }

.form-group.active label:not(.error),
.form-group.valid label:not(.error) {
  top: 7px;
  font-size: 12px;
  color: #666; }

@media (min-width: 769px) {
  .form-group.active label:not(.error),
  .form-group.valid label:not(.error) {
    top: 12px; } }

.form-group input[type='submit'],
.form-group input[type='button'] {
  font-size: 13px;
  font-size: 0.86667em;
  /*   USAGE:  Convert px to em
.element p {
  @include font-size(14px);
}
*/
  font-family: 'BBVA-Bold';
  display: inline-block;
  color: #fff;
  border-radius: 0;
  max-width: 160px; }

.bbvaComments-div-captcha input[type='text'],
.wp_form_wrapper_captcha input[type='text'] {
  outline: none;
  font-family: 'BBVA-Book';
  font-size: 14px;
  font-size: 0.93333em;
  /*   USAGE:  Convert px to em
.element p {
  @include font-size(14px);
}
*/
  line-height: 14px;
  background-color: #f4f4f4;
  padding: 5px 5px 0 20px;
  display: block;
  min-width: 260px;
  border: none;
  color: #121212;
  width: 100%;
  box-shadow: none;
  border-radius: 1px;
  /* stops bg color from leaking outside the border: */
  background-clip: padding-box;
  /* USAGE: Border Radius
.button {
  @include border-radius(5px);
}
*/
  /* Shadows */
  height: 50px;
  margin-bottom: 30px; }

@media (min-width: 769px) {
  .bbvaComments-div-captcha input[type='text'],
  .wp_form_wrapper_captcha input[type='text'] {
    font-size: 16px;
    font-size: 1.06667em;
    /*   USAGE:  Convert px to em
.element p {
  @include font-size(14px);
}
*/
    line-height: 16px;
    padding: 5px 10px 0 20px;
    height: 60px; } }

.bbvaComments-div-captcha .wp_form_new_captcha,
.wp_form_wrapper_captcha .wp_form_new_captcha {
  width: 20px;
  vertical-align: bottom;
  display: inline-block;
  margin-bottom: 13px; }

#rc-imageselect,
.ginput_recaptcha {
  transform: scale(0.868, 0.77);
  -webkit-transform: scale(0.868, 0.77);
  transform-origin: 0 0;
  -webkit-transform-origin: 0 0; }

.switch-field > label {
  display: none; }

.switch-field .gfield_radio {
  display: table;
  width: 100%;
  margin-bottom: 20px; }

@media (min-width: 769px) {
  .switch-field .gfield_radio {
    margin-bottom: 30px;
    height: 60px;
    align-items: center;
    overflow: hidden;
    display: flex; } }

.switch-field .gfield_radio input {
  display: none; }

.switch-field .gfield_radio input:checked + label {
  background-color: #004481;
  color: #fff; }

.switch-field .gfield_radio label {
  text-align: center;
  display: table-cell;
  float: left;
  width: 50%;
  vertical-align: middle;
  border: 1px solid #fff;
  border-radius: 1px;
  /* stops bg color from leaking outside the border: */
  background-clip: padding-box;
  /* USAGE: Border Radius
.button {
  @include border-radius(5px);
}
*/
  /* Shadows */
  background-color: #f4f4f4;
  color: #004481;
  line-height: 70px;
  transition: all 0.1s ease-in-out; }

.switch-field .gfield_radio label span {
  font: 16px/20px 'BBVA-Book';
  display: inline-block;
  text-align: center;
  padding: 0 10px;
  width: 100%;
  vertical-align: middle; }

@media (min-width: 769px) {
  .switch-field .gfield_radio label {
    text-align: center;
    border: 0;
    width: 136px;
    padding: 23px 15px;
    min-height: 60px;
    align-items: center;
    line-height: initial; } }

.switch-field .gfield_radio label:hover {
  cursor: pointer !important; }

.gfield_checkbox {
  /* STEP #1 - Login ------------------------------- */ }

@media (max-width: 768px) {
  .gfield_checkbox.data {
    margin-bottom: 19px; }
  .gfield_checkbox.lang {
    margin-bottom: 64px; } }

.gfield_checkbox input[type='checkbox'] {
  opacity: 0;
  filter: alpha(opacity=0);
  /*   USAGE: Cross Browser Opacity
.element p {
  @include opacity(0.6);
}
*/
  /* Vertical align */
  display: none; }

.gfield_checkbox input[type='checkbox'] + label {
  font-size: 13px;
  font-size: 0.86667em;
  /*   USAGE:  Convert px to em
.element p {
  @include font-size(14px);
}
*/
  font-family: 'BBVA-Book';
  padding-left: 35px;
  margin-top: 20px;
  position: relative;
  cursor: pointer;
  display: block; }

@media (min-width: 769px) {
  .gfield_checkbox input[type='checkbox'] + label {
    font-size: 15px;
    font-size: 1em;
    /*   USAGE:  Convert px to em
.element p {
  @include font-size(14px);
}
*/
    font-family: 'BBVA-Medium';
    padding-left: 35px;
    line-height: 21px;
    margin-top: 33px;
    vertical-align: middle; } }

.gfield_checkbox input[type='checkbox'] + label:last-child {
  margin-bottom: 0; }

.gfield_checkbox input[type='checkbox'] + label::before {
  content: ' ';
  position: absolute;
  left: 0;
  top: -3px;
  width: 25px;
  height: 25px;
  display: block;
  background: #f4f4f4;
  border-radius: 1px;
  /* stops bg color from leaking outside the border: */
  background-clip: padding-box;
  /* USAGE: Border Radius
.button {
  @include border-radius(5px);
}
*/
  /* Shadows */ }

.gfield_checkbox input[type='checkbox'] + label::after {
  content: '\e927';
  position: absolute;
  left: 0px;
  top: -2px;
  width: 14px;
  height: 22px;
  display: block;
  z-index: 1;
  font-family: 'bbva_icons';
  color: #004481;
  font-size: 25px;
  transition: all 0.3s ease;
  transform: scale(0);
  opacity: 0;
  filter: alpha(opacity=0);
  /*   USAGE: Cross Browser Opacity
.element p {
  @include opacity(0.6);
}
*/
  /* Vertical align */ }

.gfield_checkbox input[type='checkbox']:checked + label::after {
  transform: scale(1);
  opacity: 1;
  filter: alpha(opacity=100);
  /*   USAGE: Cross Browser Opacity
.element p {
  @include opacity(0.6);
}
*/
  /* Vertical align */ }

.gfield_checkbox.small {
  margin-bottom: 20px;
  display: inline-block; }

@media (min-width: 769px) {
  .gfield_checkbox.small {
    margin-bottom: 44px; } }

.gfield_checkbox.small input[type='checkbox'] + label {
  font-family: 'BBVA-Book';
  color: #121212;
  font-size: 13px;
  line-height: 18px; }

.gfield_checkbox.small input[type='checkbox'] + label a {
  font-family: 'BBVA-Medium'; }

@media (min-width: 769px) {
  .gfield_checkbox.small input[type='checkbox'] + label {
    color: #666;
    font-size: 15px;
    line-height: 23px; } }

.gfield_checkbox.small input[type='checkbox'] + label::before {
  background-color: #fff;
  border: 1px solid #d3d3d3; }

.gfield_checkbox.small input[type='checkbox'] + label::after {
  top: -3; }

@media (max-width: 768px) {
  .gfield_checkbox.small input[type='checkbox'] + label::after {
    left: 0;
    top: 0; } }

section.login {
  padding-top: 37px;
  padding-bottom: 47px; }

@media (min-width: 769px) {
  section.login {
    padding-top: 47px;
    padding-bottom: 80px; } }

section.login .title34 {
  margin-bottom: 11px; }

@media (min-width: 769px) {
  section.login .title34 {
    margin-bottom: 24px; } }

section.login form {
  margin-top: 23px;
  display: block; }

@media (min-width: 769px) {
  section.login form {
    margin-top: 40px; } }

section.login .button-inline li {
  margin-left: 13px; }

section.login .button-inline li:first-child {
  margin-left: 0; }

section.login .form-group {
  margin-bottom: 20px; }

@media (min-width: 769px) {
  section.login .form-group {
    margin-bottom: 30px; } }

@media (min-width: 769px) {
  section.register,
  section.update_user {
    padding-top: 32px; }
  section.register .switch-field,
  section.update_user .switch-field {
    margin-bottom: 30px;
    height: 60px;
    align-items: center;
    overflow: hidden;
    display: flex; }
  section.register .select-field input[type='checkbox'] + label,
  section.update_user .select-field input[type='checkbox'] + label {
    font-size: 15px;
    font-size: 1em;
    font-family: 'BBVA-Medium';
    padding-left: 35px;
    line-height: 21px;
    margin-top: 33px;
    vertical-align: middle; }
  section.register .group input,
  section.update_user .group input {
    font-size: 16px;
    font-size: 1.06667em;
    line-height: 16px;
    padding: 20px 10px 0 20px;
    height: 60px; }
  section.register .form-group input[type='password'],
  section.update_user .form-group input[type='password'] {
    font-size: 16px;
    font-size: 1.06667em;
    line-height: 16px;
    padding: 20px 10px 0 20px;
    height: 60px; } }

section.register .form-group,
section.update_user .form-group {
  margin-bottom: 20px; }

@media (min-width: 769px) {
  section.register .form-group,
  section.update_user .form-group {
    margin-bottom: 30px; } }

section.register .section-form,
section.update_user .section-form {
  font-family: 'BBVA-Medium';
  color: #121212;
  font-size: 15px;
  font-size: 1em;
  /*   USAGE:  Convert px to em
.element p {
  @include font-size(14px);
}
*/
  line-height: 23px;
  margin-bottom: 13px; }

@media (min-width: 769px) {
  section.register .section-form,
  section.update_user .section-form {
    font-family: 'BBVA-Book';
    font-size: 22px;
    font-size: 1.46667em;
    /*   USAGE:  Convert px to em
.element p {
  @include font-size(14px);
}
*/
    line-height: 29px;
    margin-bottom: 16px; } }

section.register .half,
section.update_user .half,
section.register .gfield_checkbox > li,
section.update_user .gfield_checkbox > li {
  vertical-align: top;
  display: inline-block;
  width: 50%; }

section.register .half:nth-child(odd),
section.update_user .half:nth-child(odd),
section.register .gfield_checkbox > li:nth-child(odd),
section.update_user .gfield_checkbox > li:nth-child(odd) {
  padding-left: 15px;
  padding-right: 0; }

section.register .half:nth-child(even),
section.update_user .half:nth-child(even),
section.register .gfield_checkbox > li:nth-child(even),
section.update_user .gfield_checkbox > li:nth-child(even) {
  padding-left: 0;
  padding-right: 15px; }

section.register .terms .gfield_checkbox > li,
section.update_user .terms .gfield_checkbox > li {
  width: 100%; }

section.register .terms .gfield_checkbox > li:nth-child(odd),
section.update_user .terms .gfield_checkbox > li:nth-child(odd) {
  padding-left: 0; }

section.register .terms .gfield_checkbox > li:nth-child(even),
section.update_user .terms .gfield_checkbox > li:nth-child(even) {
  padding-right: 0; }

section.register .block-form,
section.update_user .block-form {
  margin-top: 13px; }

section.register .block-form .gsection_title,
section.update_user .block-form .gsection_title {
  margin-bottom: 13px;
  font-size: 22px; }

@media (min-width: 769px) {
  section.register .block-form .gsection_title,
  section.update_user .block-form .gsection_title {
    margin-bottom: 16px; } }

section.register .block-form.m0 .gsection_title,
section.update_user .block-form.m0 .gsection_title {
  margin-bottom: 0px; }

@media (min-width: 769px) {
  section.register .block-form.m0 .gsection_title,
  section.update_user .block-form.m0 .gsection_title {
    margin-bottom: 0px; } }

section.register .block-form:first-of-type,
section.update_user .block-form:first-of-type {
  margin-top: 0; }

@media (min-width: 769px) {
  section.register .block-form,
  section.update_user .block-form {
    margin-top: 42px; }
  section.register .block-form:last-child,
  section.update_user .block-form:last-child {
    margin-bottom: 0 !important; } }

section.register .switch-field,
section.update_user .switch-field {
  display: table;
  width: 100%;
  margin-bottom: 20px; }

section.register .switch-field input,
section.update_user .switch-field input {
  display: none; }

section.register .switch-field input:checked + label,
section.update_user .switch-field input:checked + label {
  background-color: #004481;
  color: #fff; }

section.register .switch-field label,
section.update_user .switch-field label {
  display: table-cell;
  float: left;
  width: 50%;
  vertical-align: middle;
  border: 1px solid #fff;
  border-radius: 1px;
  background-clip: padding-box;
  background-color: #f4f4f4;
  color: #004481;
  line-height: 70px;
  transition: all 0.1s ease-in-out;
  cursor: pointer; }

@media (min-width: 769px) {
  section.register .switch-field label,
  section.update_user .switch-field label {
    border: 0;
    width: 136px;
    padding: 23px 15px;
    min-height: 60px;
    align-items: center;
    line-height: 40px; } }

section.register .switch-field label span,
section.update_user .switch-field label span {
  font: 16px/20px 'BBVA-Book';
  display: inline-block;
  text-align: center;
  padding: 0 10px;
  width: 100%;
  vertical-align: middle; }

section.register .group input,
section.update_user .group input {
  font-family: 'BBVA-Book';
  font-size: 14px;
  font-size: 0.93333em;
  line-height: 14px;
  background-color: #f4f4f4;
  padding: 15px 5px 0 20px;
  display: block;
  min-width: 260px;
  border: none;
  color: #121212;
  width: 100%;
  border-radius: 1px;
  background-clip: padding-box;
  height: 50px; }

section.register .group label,
section.update_user .group label {
  color: #bdbdbd;
  font-weight: normal;
  position: absolute;
  pointer-events: none;
  top: 18px;
  left: 20px;
  transition: 0.2s ease all;
  -moz-transition: 0.2s ease all;
  -webkit-transition: 0.2s ease all; }

section.register .select-field input[type='checkbox'],
section.update_user .select-field input[type='checkbox'] {
  opacity: 0;
  filter: alpha(opacity=0);
  display: none; }

section.register .select-field input[type='checkbox']:checked + label::after,
section.update_user .select-field input[type='checkbox']:checked + label::after {
  transform: scale(1);
  opacity: 1;
  filter: alpha(opacity=100); }

section.register .select-field input[type='checkbox'] + label,
section.update_user .select-field input[type='checkbox'] + label {
  font-size: 13px;
  font-size: 0.86667em;
  font-family: 'BBVA-Book';
  padding-left: 35px;
  margin-top: 20px;
  position: relative;
  cursor: pointer;
  display: block; }

section.register .select-field input[type='checkbox'] + label::before,
section.update_user .select-field input[type='checkbox'] + label::before {
  content: ' ';
  position: absolute;
  left: 0;
  top: -3px;
  width: 25px;
  height: 25px;
  display: block;
  background: #f4f4f4;
  border-radius: 1px;
  background-clip: padding-box; }

section.register .select-field input[type='checkbox'] + label::after,
section.update_user .select-field input[type='checkbox'] + label::after {
  content: '\e927';
  position: absolute;
  left: 0px;
  top: -2px;
  width: 14px;
  height: 22px;
  display: block;
  z-index: 1;
  font-family: 'bbva_icons';
  color: #004481;
  font-size: 25px;
  transition: all 0.3s ease;
  transform: scale(0);
  opacity: 0;
  filter: alpha(opacity=0); }

section.register .form-group input[type='password'],
section.update_user .form-group input[type='password'] {
  font-family: 'BBVA-Book';
  font-size: 14px;
  font-size: 0.93333em;
  line-height: 14px;
  background-color: #f4f4f4;
  padding: 15px 5px 0 20px;
  display: block;
  min-width: 260px;
  border: none;
  color: #121212;
  width: 100%;
  box-shadow: none;
  border-radius: 1px;
  background-clip: padding-box;
  height: 50px;
  z-index: 1; }

form#wp_auth_form_login ::-webkit-input-placeholder,
form#wp_auth_form_remember ::-webkit-input-placeholder,
form#wp_auth_form_reset ::-webkit-input-placeholder {
  color: transparent; }

form#wp_auth_form_login :-moz-placeholder,
form#wp_auth_form_remember :-moz-placeholder,
form#wp_auth_form_reset :-moz-placeholder {
  color: transparent; }

form#wp_auth_form_login ::-moz-placeholder,
form#wp_auth_form_remember ::-moz-placeholder,
form#wp_auth_form_reset ::-moz-placeholder {
  color: transparent; }

form#wp_auth_form_login :-ms-input-placeholder,
form#wp_auth_form_remember :-ms-input-placeholder,
form#wp_auth_form_reset :-ms-input-placeholder {
  color: transparent; }

@media (min-width: 769px) {
  form#wp_auth_form_login .form-group input[type='text'],
  form#wp_auth_form_remember .form-group input[type='text'],
  form#wp_auth_form_reset .form-group input[type='text'],
  form#wp_auth_form_login .form-group input[type='email'],
  form#wp_auth_form_remember .form-group input[type='email'],
  form#wp_auth_form_reset .form-group input[type='email'] {
    font-size: 16px;
    font-size: 1.06667em;
    line-height: 16px;
    padding: 20px 10px 0 20px;
    height: 60px; } }

form#wp_auth_form_login .form-group input[type='password'],
form#wp_auth_form_remember .form-group input[type='password'],
form#wp_auth_form_reset .form-group input[type='password'] {
  font-family: 'BBVA-Book';
  font-size: 14px;
  font-size: 0.93333em;
  line-height: 14px;
  background-color: #f4f4f4;
  padding: 15px 5px 0 20px;
  display: block;
  min-width: 260px;
  border: none;
  color: #121212;
  width: 100%;
  box-shadow: none;
  border-radius: 1px;
  background-clip: padding-box;
  height: 50px;
  z-index: 1; }

@media (min-width: 769px) {
  form#wp_auth_form_login .wp_submit_button,
  form#wp_auth_form_remember .wp_submit_button,
  form#wp_auth_form_reset .wp_submit_button {
    max-width: 170px;
    height: 60px; } }

form#wp_auth_form_login .wp_submit_button,
form#wp_auth_form_remember .wp_submit_button,
form#wp_auth_form_reset .wp_submit_button {
  background-color: #02a5a5;
  max-width: 170px;
  width: 100%;
  height: 50px;
  font-size: 13px;
  font-family: 'BBVA-Bold';
  display: inline-block;
  color: #fff;
  text-align: center;
  transition: all ease 0.2s;
  border: none;
  border-radius: 0; }

form#wp_auth_form_login .form-group,
form#wp_auth_form_remember .form-group,
form#wp_auth_form_reset .form-group {
  width: 40%;
  margin-left: auto;
  margin-right: auto; }

form#wp_auth_form_login .form-group a,
form#wp_auth_form_remember .form-group a,
form#wp_auth_form_reset .form-group a {
  margin-right: 20px; }

form#wp_auth_form_login #wp_login_remember_me,
form#wp_auth_form_remember #wp_login_remember_me,
form#wp_auth_form_reset #wp_login_remember_me,
form#wp_auth_form_login label[for='wp_login_remember_me'],
form#wp_auth_form_remember label[for='wp_login_remember_me'],
form#wp_auth_form_reset label[for='wp_login_remember_me'] {
  display: none; }

.combo-filter {
  margin-top: 20px;
  /* TODO: Fixes varios GRAVITY */ }

.combo-filter select {
  height: 60px;
  width: 100%;
  padding: 20px 25px 20px 20px;
  border: none;
  font: 16px 'BBVA-Book';
  color: #121212;
  box-shadow: none;
  background: url("../assets/down-ico.svg") 96% 50% no-repeat #fff;
  background-size: 10px;
  border-radius: 1px;
  /* stops bg color from leaking outside the border: */
  background-clip: padding-box;
  /* USAGE: Border Radius
.button {
  @include border-radius(5px);
}
*/
  /* Shadows */
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  -ms-appearance: none;
  position: relative; }

@media (min-width: 769px) {
  .combo-filter select {
    background: url("../assets/down-ico.svg") 90% 50% no-repeat #fff; } }

.combo-filter select:focus {
  outline: none; }

.combo-filter.grey select {
  background: url("../assets/down-ico.svg") 96% 50% no-repeat #f4f4f4;
  background-size: 10px; }

@media (min-width: 769px) {
  .combo-filter.grey select {
    background: url("../assets/down-ico.svg") 90% 50% no-repeat #f4f4f4; } }

@media (max-width: 768px) {
  .combo-filter.docs {
    margin-top: 37px !important; } }

.terms {
  margin-bottom: 23px; }

.captcha label.gfield_label,
.data .gfield_label,
.terms .gfield_label {
  display: none; }

label.error {
  position: absolute;
  font-size: 12px;
  padding-left: 20px;
  color: #121212; }

div.msgError {
  display: none;
  background-color: #f8d7dc;
  color: #121212;
  position: relative; }

@media (max-width: 768px) {
  div.msgError {
    padding: 13px 20px 20px 20px; } }

@media (min-width: 769px) {
  div.msgError {
    padding: 22px 25px 22px 75px; }
  div.msgError:before {
    position: absolute;
    left: 25px;
    top: 25px; } }

div.msgError:before {
  font-size: 30px;
  font-family: bbva_icons;
  display: block;
  /*content: "\e9c0";*/
  margin-bottom: 8px;
  content: ' ';
  color: #f35e61;
  background-image: url(../assets/alert-ico.svg);
  width: 20px;
  height: 20px; }

div.msgSuccess {
  display: none;
  background-color: #d9efe0;
  color: #121212;
  position: relative;
  padding: 22px 15px 22px 65px; }

@media (max-width: 768px) {
  div.msgSuccess {
    padding: 13px 20px 20px 20px; } }

@media (min-width: 769px) {
  div.msgSuccess {
    padding: 22px 25px 22px 75px; }
  div.msgSuccess:before {
    position: absolute;
    left: 25px;
    top: 25px; } }

div.msgSuccess:before {
  font-size: 30px;
  font-family: bbva_icons;
  display: block;
  margin-bottom: 8px;
  content: '\e927';
  color: #48ae64; }

.data-event {
  /* ------ CALENDARIO ------- */ }

.data-event i {
  font-size: 18px;
  color: #bdbdbd;
  margin-right: 5px;
  display: inline-block;
  vertical-align: text-bottom;
  margin-bottom: 1px; }

.data-event span {
  color: #121212;
  font-size: 13px;
  font-size: 0.86667em;
  /*   USAGE:  Convert px to em
.element p {
  @include font-size(14px);
}
*/
  text-transform: uppercase;
  display: inline-block;
  margin-right: 20px; }

@media (min-width: 769px) {
  .data-event span {
    margin-right: 35px;
    font-size: 14px;
    font-size: 0.93333em;
    /*   USAGE:  Convert px to em
.element p {
  @include font-size(14px);
}
*/
    vertical-align: baseline; } }

.data-event span:last-child {
  margin-right: 0; }

section.calendar {
  /*------ EVENTO DETAIL -------*/ }

section.calendar .item-event {
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
  margin-bottom: 30px;
  background-color: #fff;
  padding: 0 15px; }

section.calendar .item-event:last-child {
  margin-bottom: 0; }

section.calendar .item-event .image {
  position: relative; }

section.calendar .item-event .image img {
  -o-object-fit: cover;
     object-fit: cover;
  height: 200px;
  width: 100%; }

@media (min-width: 769px) {
  section.calendar .item-event .image img {
    height: 350px; } }

section.calendar .item-event .image .overlay.dark {
  background-color: #072146;
  opacity: 0.25;
  filter: alpha(opacity=25);
  /*   USAGE: Cross Browser Opacity
.element p {
  @include opacity(0.6);
}
*/
  /* Vertical align */
  height: 100%;
  position: absolute;
  top: 0;
  width: 100%; }

section.calendar .item-event .image .highlight {
  display: none; }

@media (min-width: 769px) {
  section.calendar .item-event .image .highlight {
    display: block;
    font-size: 40px;
    font-size: 2.66667em;
    /*   USAGE:  Convert px to em
.element p {
  @include font-size(14px);
}
*/
    font-family: 'BBVA-Bold';
    line-height: 46px;
    letter-spacing: -0.6px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    padding: 0 65px;
    color: #fff;
    text-align: center; } }

section.calendar .item-event .data-event {
  margin-bottom: 11px; }

section.calendar .item-event .data-event i {
  color: #bdbdbd; }

section.calendar .item-event .data-event span {
  color: #121212; }

@media (min-width: 769px) {
  section.calendar .item-event .data-event {
    margin-bottom: 32px; } }

section.calendar .item-event .card-content {
  padding: 20px 20px 24px 20px; }

@media (min-width: 769px) {
  section.calendar .item-event .card-content {
    padding: 35px 30px 30px;
    height: 350px; } }

section.calendar .item-event .card-content .title26 {
  margin-bottom: 13px; }

@media (min-width: 769px) {
  section.calendar .item-event .card-content .title26 {
    display: none; } }

section.calendar .item-event .card-content .abstract {
  margin-bottom: 11px; }

section.calendar .item-event .card-content .abstract span {
  display: none; }

@media (min-width: 769px) {
  section.calendar .item-event .card-content .abstract span {
    font: 14px/22px BBVA-Medium;
    color: #bdbdbd;
    text-transform: uppercase;
    display: inline-block;
    margin-bottom: 12px; } }

section.calendar .item-event .card-content .button-inline {
  /*.link-group {
        @media (min-width: 769px) {
          position: absolute;
          bottom: 22px;
          width: 100%;
          max-width: 700px;
        }
        .link {
          display: block;
          margin-bottom: 13px;
          @media (min-width: 769px) {
            .data-event {

              i {
                font-size: 18px;
                color: $g400;
                margin-right: 5px;
                display: inline-block;
                vertical-align: text-bottom;
              }

              span {

                @media (min-width: 769px) {
                  margin-right: 35px;
                  @include font-size(15px);
                }
                @include font-size(13px);
                display: inline-block;
                margin-right: 20px;
                &:last-child {
                  margin-right: 0;
                }
              }
            }
          }
        }
      }*/ }

@media (min-width: 769px) {
  section.calendar .item-event .card-content .button-inline {
    position: absolute;
    bottom: 22px; } }

section.hero.event .content {
  text-align: center;
  height: 180px; }

@media (max-width: 768px) {
  section.hero.event .data-event,
  section.hero.event .cta-primary {
    display: none; } }

@media (min-width: 769px) {
  section.hero.event .content {
    height: 450px; }
  section.hero.event .data-event {
    margin-bottom: 10px;
    text-transform: uppercase; }
  section.hero.event .data-event i {
    color: #fff; }
  section.hero.event .data-event span {
    color: #fff; }
  section.hero.event .cta-primary {
    margin-top: 24px;
    cursor: pointer; } }

section.event-detail {
  padding: 27px 0 53px 0; }

section.event-detail .info-event {
  margin-bottom: 34px; }

section.event-detail .info-event .data-event {
  margin-bottom: 23px; }

section.event-detail .title34 {
  margin-bottom: 16px; }

@media (max-width: 768px) {
  section.event-detail .info-event .cta-primary {
    cursor: pointer; }
  section.event-detail .info-event *[data-htooltip].big .htooltip {
    top: -45px;
    left: -60px !important; } }

@media (min-width: 769px) {
  .direct-sm {
    margin-top: -5px; }
  .direct-sm a {
    padding: 0 !important; } }

@media (max-width: 768px) {
  .direct-sm {
    margin-bottom: 30px !important; } }

.copy-m {
  font-family: 'BBVA-Book';
  font-size: 12px;
  color: #bdbdbd;
  margin: 16px 0;
  text-align: center; }

@media (min-width: 769px) {
  .copyright {
    font-family: 'BBVA-Book';
    font-size: 12px;
    color: #bdbdbd;
    margin-top: 10px;
    margin-bottom: 88px; } }

@media (max-width: 768px) {
  .navbar-right {
    float: none !important;
    margin-left: 0 !important; }
  .navbar > .container .navbar-brand,
  .navbar > .container-fluid .navbar-brand {
    margin-left: 0 !important; }
  .navbar-left {
    float: none !important; } }

@media (min-width: 1024px) {
  .organigram.mobile {
    display: block; }
  .organigram.mobile #executive .info {
    max-width: 240px; }
  .organigram.mobile #executive:before {
    content: '';
    width: 125px;
    height: 1px;
    background: #d3d3d3;
    position: absolute;
    top: 50%;
    left: auto;
    right: -125px; }
  .organigram.mobile #executive:after {
    content: '';
    width: 1px;
    position: absolute;
    height: 30px;
    background: #d3d3d3;
    left: 50%; }
  .organigram.mobile .subdpto {
    display: flex;
    align-items: flex-start;
    /* padding-bottom: 80px;*/
    padding-top: 25px;
    margin-top: 3em;
    position: relative; }
  .organigram.mobile .subdpto:before {
    width: 470px;
    content: '';
    position: absolute;
    height: 1px;
    background: #d3d3d3;
    top: -15px;
    left: 12.5%; }
  .organigram.mobile .departamento__item {
    width: 25%;
    position: relative; }
  .organigram.mobile .departamento__item:after {
    content: '';
    width: 1px;
    position: absolute;
    top: -40px;
    height: 35px;
    background: #d3d3d3;
    left: 50%; }
  .organigram.mobile .departamento__item:last-of-type:after {
    top: -370px;
    height: 365px; }
  .organigram.mobile .departamento__item .name-dpto {
    padding: 0 10px;
    font: 16px/29px 'BBVA-Book';
    color: #121212;
    margin-bottom: 23px;
    text-align: center; }
  .organigram.mobile .departamento__item .name-dpto:after {
    display: none; }
  .organigram.mobile .departamento__item .column {
    display: block;
    visibility: visible;
    height: auto !important; }
  .organigram.mobile .departamento__item .column:before {
    display: none; }
  .organigram.mobile .departamento__item .column .dpto {
    padding: 0;
    margin: 0 15px; }
  .organigram.mobile .departamento__item .profile-card.landscape {
    text-align: center;
    max-width: 300px; }
  .organigram.mobile .departamento__item .profile-card.landscape .info {
    margin-left: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 26px; }
  .organigram.mobile .departamento__item .profile-card.landscape .info .name {
    margin-bottom: 8px;
    text-align: center; }
  .organigram.mobile .departamento__item .profile-card.landscape .info .position {
    margin-bottom: 36px; }
  .organigram.mobile .departamento__item .profile-card.landscape:last-child:after {
    display: none; }
  .organigram.mobile .departamento__item .profile-card.landscape .profile-card .name {
    text-align: center; }
  .organigram.mobile .departamento__item .profile-card.landscape .link {
    position: absolute;
    right: 0;
    left: 0;
    bottom: 23px; } }

@media (min-width: 1024px) and (min-width: 1200px) {
  .organigram.mobile #executive:before {
    width: 150px;
    right: -150px; } }

@media (min-width: 1024px) and (min-width: 1200px) {
  .organigram.mobile .subdpto:before {
    width: 570px; } }

@media (min-width: 1024px) and (min-width: 1024px) {
  .organigram.mobile .departamento__item .name-dpto {
    pointer-events: none; } }

@media (min-width: 1024px) and (min-width: 1200px) {
  .organigram.mobile .departamento__item .name-dpto {
    font: 22px/29px 'BBVA-Book';
    pointer-events: none; } }

@media (min-width: 1024px) and (min-width: 1024px) {
  .organigram.mobile .departamento__item .name-dpto {
    pointer-events: none; } }

@media (min-width: 769px) {
  .dpto .profile-card.landscape .info {
    margin-left: 0; }
  .organigrama .alert-box {
    padding: 22px 25px 22px 60px; } }

@media (max-width: 1023px) {
  .departamento__item:first-of-type .name-dpto {
    border-top: 0; }
  .departamento__item .name-dpto {
    font: 13px/18px 'BBVA-Medium';
    color: #121212;
    margin-top: -1px;
    cursor: pointer;
    padding: 19px 0;
    display: block;
    border-top: 1px solid #e9e9e9;
    clear: both; }
  .departamento__item .name-dpto:after {
    content: '\e92e';
    font-family: 'bbva_icons';
    font-size: 22px;
    margin-right: 15px;
    color: #2a86ca;
    vertical-align: top;
    float: right; }
  .departamento__item .name-dpto.active:after {
    content: '\e92a'; }
  .departamento__item .column {
    display: none;
    position: relative;
    overflow: hidden;
    background-color: inherit;
    border-bottom: 1px solid #e9e9e9;
    border-top: 1px solid #e9e9e9; }
  .departamento__item .column:after,
  .departamento__item .column:before {
    content: '';
    position: absolute;
    width: 75%;
    margin: 0 auto;
    left: 0;
    right: 0;
    height: 5px;
    border-radius: 100%;
    box-shadow: 0 1px 15px rgba(102, 102, 102, 0.3), 0 0 40px rgba(102, 102, 102, 0.1) inset; }
  .departamento__item .column:after {
    bottom: -6px; }
  .departamento__item .column:before {
    top: -10px; } }

*[data-htooltip] {
  position: relative; }

*[data-htooltip].link {
  font-size: 13px;
  font-size: 0.86667em;
  /*   USAGE:  Convert px to em
.element p {
  @include font-size(14px);
}
*/
  cursor: pointer;
  font-family: 'BBVA-Medium';
  color: #2a86ca;
  transition: all ease 0.2s; }

@media (min-width: 768px) {
  *[data-htooltip].link {
    font-size: 1em;
    line-height: 23px; } }

*[data-htooltip] .htooltip {
  opacity: 0;
  visibility: hidden;
  top: -49px;
  left: 0 !important;
  padding: 5px;
  position: absolute;
  width: 230px;
  background: #f4f4f4;
  transition: all ease 0.2s;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2); }

*[data-htooltip] .htooltip a {
  margin: 0 10px;
  font-size: 10px;
  cursor: pointer; }

*[data-htooltip] .htooltip :after {
  content: '';
  z-index: 200;
  position: absolute;
  border-left: 1px solid #e9e9e9;
  border-top: 1px solid #e9e9e9;
  transform: rotate(-135deg);
  background: #f4f4f4;
  width: 12px;
  height: 12px;
  left: 15px;
  top: 30px; }

*[data-htooltip].active .htooltip {
  visibility: visible;
  opacity: 1;
  top: -49px; }

*[data-htooltip].big {
  display: inline-block;
  margin-bottom: -20px; }

*[data-htooltip].big .htooltip {
  top: -23px;
  left: -20px !important; }

*[data-htooltip].big .htooltip :after {
  left: initial;
  right: 15px; }

.animated {
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }

.animated.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp; }

.animated.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn; }

@-webkit-keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

.fadeIn {
  opacity: 0; }

.fadeInUp {
  opacity: 0;
  transform: translate3d(0, 40px, 0); }

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translate3d(0, 40px, 0); }
  to {
    opacity: 1;
    transform: none; } }

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translate3d(0, 40px, 0); }
  to {
    opacity: 1;
    transform: none; } }

.icon-wrap {
  position: relative;
  height: 100px;
  width: 100px;
  display: flex;
  border-radius: 100%;
  align-items: center;
  justify-content: center;
  margin: 0 auto; }

@media (min-width: 769px) {
  .icon-wrap {
    height: 170px;
    width: 170px; } }

.icon-animation {
  height: 120px; }

@media (min-width: 769px) {
  .icon-animation {
    height: 195px;
    overflow: hidden; } }

#calendar-animation .icon-wrap {
  background: #68cccc; }

#calendar-animation .icon-wrap #calendar-icon {
  height: 90px;
  width: 70px;
  top: 20px;
  background: #fafafa;
  position: relative;
  border-radius: 10px;
  box-shadow: 0 2px 0 0 #bdbdbd; }

@media (min-width: 769px) {
  #calendar-animation .icon-wrap #calendar-icon {
    height: 145px;
    width: 125px;
    top: 30px;
    box-shadow: 0 5px 0 0 #bdbdbd; } }

#calendar-animation .icon-wrap #calendar-icon:after {
  content: '';
  background: transparent;
  position: absolute;
  z-index: 3;
  right: 0px;
  bottom: 0px;
  border: 10px solid transparent;
  border-top-color: #d4d6d7;
  border-radius: 5px;
  border-right-color: #d4d6d7;
  transform: rotate(90deg); }

#calendar-animation .anillas {
  position: absolute;
  top: -5%;
  width: 100%;
  display: flex;
  justify-content: space-around;
  height: 10%;
  padding: 0 5%; }

#calendar-animation .anillas .anilla {
  background: #666;
  border-radius: 6px;
  height: 100%;
  width: 6%; }

#calendar-animation .bullet {
  background: white;
  border: 2px solid #f7893b;
  width: 10px;
  height: 10px;
  position: absolute;
  border-radius: 100%;
  z-index: 1; }

#calendar-animation .bullet#b1 {
  left: 18px;
  bottom: 15px; }

#calendar-animation .bullet#b2 {
  left: 47%;
  bottom: 6%; }

#calendar-animation .graph {
  /* Old browsers */
  background: #e9e9e9;
  background: linear-gradient(135deg, #e9e9e9 0%, #e9e9e9 15%, #e9e9e9 30%, #d4d6d7 34%, #d4d6d7 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#d4d6d7', GradientType=1);
  width: 80%;
  height: 30%;
  margin: 10% auto 0;
  box-shadow: -0.15em 0.15em 0 0.1em #bfc0c2;
  position: relative; }

#calendar-animation .arrow-wrap {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden; }

#calendar-animation .arrow-wrap .arrow {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden; }

#calendar-animation .arrow-wrap .arrow > div {
  height: 4px; }

#calendar-animation .arrow-wrap #l1 {
  width: 30px;
  background: #2a86ca;
  position: absolute;
  bottom: 0;
  left: 0;
  transform: rotate(-45deg) translate(3px, -7px); }

#calendar-animation .arrow-wrap #l2 {
  width: 30px;
  background: #2a86ca;
  position: absolute;
  bottom: 0;
  left: 0;
  transform: rotate(25deg) translate(14px, -20px); }

#calendar-animation .arrow-wrap #l3 {
  width: 37px;
  background: #2a86ca;
  position: absolute;
  bottom: 0;
  left: 0;
  transform: rotate(-39deg) translate(48px, 19px); }

#calendar-animation .arrow-wrap #l3:after {
  content: '';
  width: 0;
  height: 0;
  background: transparent;
  position: absolute;
  border: 7px solid #2a86ca;
  border-top-color: transparent;
  border-left-color: transparent;
  border-right-color: transparent;
  bottom: -6px;
  right: -13px;
  transform: rotate(90deg); }

#calendar-animation .days {
  display: block;
  width: 81%;
  margin: 12% auto 0;
  height: 48%;
  background: #f1f1f1;
  padding-top: 0;
  text-align: center;
  border: 1px solid #f1f1f1;
  box-sizing: content-box;
  overflow: hidden; }

#calendar-animation .days .day {
  width: 17%;
  height: 25%;
  box-sizing: content-box;
  background: white;
  display: inline-block; }

#calendar-animation .curl {
  border-radius: 0 0px 10px 10px;
  width: 20%;
  height: 15%;
  position: absolute;
  background: linear-gradient(135deg, #fff, #f3f3f3 45%, #e6e6e6 50%, #ded9d9 50%, #d4d3d3 56%, #e0dbdb 62%, #f3f3f3 80%, #fff 100%);
  /* transition: all .5s ease; */
  box-shadow: 0 0 10px -3px rgba(0, 0, 0, 0.5);
  bottom: 0;
  right: 0; }

#calendar-animation #r3 {
  -webkit-transform-origin: 1315px 500px;
  -webkit-transform: translate(-1175px, -493px) rotate(45deg);
  -webkit-transition-property: -webkit-transform, -webkit-transform-origin;
  -webkit-transition-duration: 1s;
  position: absolute;
  z-index: 2; }

#calendar-animation #p3 {
  width: 1285px;
  height: 1388px;
  overflow: hidden; }

#calendar-animation #p3 > div {
  -webkit-transform-origin: 0 0;
  -webkit-transform: translate(1270px, 506px) rotate(-44deg);
  -webkit-transition-property: -webkit-transform, -webkit-transform-origin, opacity;
  -webkit-transition-duration: 1s;
  width: 285px;
  height: 388px;
  overflow: hidden;
  background: #feffff;
  background: linear-gradient(135deg, #e9e9e9 0%, #eaeaea 35%, #aaa 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#feffff', endColorstr='#aaaaaa', GradientType=1); }

#calendar-animation:hover #b1 {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-fill-mode: backwards;
  animation-fill-mode: backwards;
  -webkit-animation-name: bouncer;
  animation-name: bouncer;
  transform-origin: center;
  -webkit-animation-delay: 1s; }

#calendar-animation:hover #b2 {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-fill-mode: backwards;
  animation-fill-mode: backwards;
  -webkit-animation-name: bouncer;
  animation-name: bouncer;
  transform-origin: center bottom;
  -webkit-animation-delay: 1.5s; }

#calendar-animation:hover .arrow {
  -webkit-animation-name: animation-width;
  -webkit-animation-duration: 2s;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-play-state: running;
  -webkit-animation-delay: 0.5s;
  -webkit-animation-fill-mode: forwards;
  animation-name: animation-width;
  animation-duration: 2s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: 1;
  animation-play-state: running;
  animation-delay: 0.5s;
  animation-fill-mode: forwards;
  width: 0%; }

#calendar-animation:hover .icon-wrap {
  -webkit-animation-name: animation-bg;
  -webkit-animation-duration: 3s;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-play-state: running;
  animation-name: animation-bg;
  animation-duration: 3s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: 1;
  animation-play-state: running;
  background: #68cccc; }

#calendar-animation:hover #r3 {
  -webkit-transform-origin: 1570px 500px;
  -webkit-transform: translate(-1260px, -527px) rotate(90deg); }

#calendar-animation:hover #p3 > div {
  -webkit-animation-name: opacity;
  -webkit-animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-play-state: running;
  -webkit-animation-fill-mode: forwards;
  animation-name: opacity;
  animation-duration: 1s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: 1;
  animation-play-state: running;
  animation-fill-mode: forwards;
  -webkit-transform-origin: 0 0;
  -webkit-transform: translate(1000px, 500px) rotate(0deg); }

@-webkit-keyframes bouncer {
  from {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: scale(0, 0); }
  50% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: scale(0.5, 0.5); }
  75% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: scale(1.2, 1.2); }
  25%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: scale(1, 1); } }

@keyframes bouncer {
  from {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: scale(0, 0); }
  50% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: scale(0.5, 0.5); }
  75% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: scale(1.2, 1.2); }
  25%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: scale(1, 1); } }

@-webkit-keyframes animation-bg {
  0% {
    background-color: #68cccc; }
  50% {
    background-color: #02a5a5; }
  100% {
    background-color: #68cccc; } }

@keyframes animation-bg {
  0% {
    background-color: #68cccc; }
  50% {
    background-color: #02a5a5; }
  100% {
    background-color: #68cccc; } }

@-webkit-keyframes animation-width {
  0% {
    width: 0%; }
  100% {
    width: 100%; } }

@keyframes animation-width {
  0% {
    width: 0%; }
  100% {
    width: 100%; } }

@-webkit-keyframes opacity {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@keyframes opacity {
  /* NUEVOS SVG */
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@-webkit-keyframes slideOut {
  from {
    transform: translate(-575.64px, -334.74px); }
  to {
    transform: translate(-300px, -334.74px); } }

@keyframes slideOut {
  from {
    transform: translate(-575.64px, -334.74px); }
  to {
    transform: translate(-300px, -334.74px); } }

@-webkit-keyframes bounce {
  from {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: scale(0, 0); }
  50% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: scale(0.5, 0.5); }
  75% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: scale(1.2, 1.2); }
  25%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: scale(1, 1); } }

@keyframes bounce {
  from {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: scale(0, 0); }
  50% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: scale(0.5, 0.5); }
  75% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: scale(1.2, 1.2); }
  25%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: scale(1, 1); } }

@-webkit-keyframes bgInOut {
  from {
    fill: #5bbeff; }
  50% {
    fill: #2a86c9; }
  to {
    fill: #5bbeff; } }

@keyframes bgInOut {
  from {
    fill: #5bbeff; }
  50% {
    fill: #2a86c9; }
  to {
    fill: #5bbeff; } }

@-webkit-keyframes bgInOut2 {
  from {
    fill: #f8cd51; }
  50% {
    fill: #e2c070; }
  to {
    fill: #f8cd51; } }

@keyframes bgInOut2 {
  from {
    fill: #f8cd51; }
  50% {
    fill: #e2c070; }
  to {
    fill: #f8cd51; } }

@-webkit-keyframes bgInOut0 {
  from {
    fill: #68cccc; }
  50% {
    fill: #02a5a5; }
  to {
    fill: #68cccc; } }

@keyframes bgInOut0 {
  from {
    fill: #68cccc; }
  50% {
    fill: #02a5a5; }
  to {
    fill: #68cccc; } }

.icons {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%; }

/*
.icon#multimedia-icon {
    min-width: 150px;
    max-width: 150px;
    margin: 0 auto 0;
}
@media (min-width: 769px) {
    .icon#multimedia-icon {
        min-width: 300px;
        max-width: 300px;
        margin: 0 auto 30px;
    }
}
@media (min-width: 769px) and (max-width: 992px) {
    .icon#multimedia-icon #multimedia {
        transform: translate(-10%, 0);
    }
}

@media (max-width: 768px) {
    #multimedia {
        //max-width: 150px;
    }
}

#multimedia #objetivo_off {
    opacity: 0;
}

#multimedia-icon:hover #objetivo_off {
    animation-duration: 2s;
    animation-delay: 0s;
    animation-fill-mode: backwards;
    animation-name: fadeIn;
    transform-origin: center;
}

#multimedia #stars > g {
    transform: scale(0);
    transform-origin: center;
    -webkit-transform-origin: center;
    -moz-transform-origin: center;
}

#multimedia-icon:hover #stars > g {
    animation-duration: 2s;
    animation-delay: 0s;
    animation-fill-mode: backwards;
    animation-name: bounce;
    transform-origin: center;
}

#multimedia-icon:hover .cls-1 {
    animation-duration: 3s;
    animation-fill-mode: backwards;
    animation-name: bgInOut;
    transform-origin: center;
}

#multimedia #screen {
    transform: translate(-575.64px, -334.74px);
}

#multimedia-icon:hover #screen {
    animation-duration: 3s;
    animation-fill-mode: backwards;
    animation-name: slideOut;
    transform-origin: center;
}
*/
#news {
  max-width: 90px;
  perspective: 1000; }

@media (min-width: 769px) {
  #news {
    max-width: 170px; } }

#news:hover #bg circle {
  -webkit-animation-duration: 3s;
          animation-duration: 3s;
  -webkit-animation-fill-mode: backwards;
          animation-fill-mode: backwards;
  transform-origin: center;
  -webkit-animation-name: bgInOut2;
          animation-name: bgInOut2; }

#news:hover #icon #front {
  /* animation-fill-mode: backwards;
   transform-origin: center;*/
  -webkit-animation-duration: 3s;
          animation-duration: 3s;
  -webkit-animation-name: flipOff;
          animation-name: flipOff; }

#news:hover #icon #back {
  /* animation-fill-mode: backwards;
   transform-origin: center;*/
  -webkit-animation-duration: 3s;
          animation-duration: 3s;
  -webkit-animation-name: flip;
          animation-name: flip; }

@-webkit-keyframes flipOff {
  0% {
    transform-style: preserve-3d;
    transform: rotateY(0); }
  50% {
    transform: rotateY(180deg); }
  100% {
    transform: rotateY(360deg); } }

@keyframes flipOff {
  0% {
    transform-style: preserve-3d;
    transform: rotateY(0); }
  50% {
    transform: rotateY(180deg); }
  100% {
    transform: rotateY(360deg); } }

@-webkit-keyframes flip {
  0% {
    transform-style: preserve-3d;
    transform: rotateY(180deg); }
  50% {
    transform: rotateY(0); }
  100% {
    transform: rotateY(-180deg); } }

@keyframes flip {
  0% {
    transform-style: preserve-3d;
    transform: rotateY(180deg); }
  50% {
    transform: rotateY(0); }
  100% {
    transform: rotateY(-180deg); } }

#back,
#front {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

#news #front {
  transform: rotateY(0deg); }

#news #back {
  transform: rotateY(180deg); }

#news #bg circle {
  fill: #f8cd51; }

@-webkit-keyframes curlPage {
  from {
    transform: rotate(0) translate(0);
    opacity: 1; }
  75% {
    opacity: 0.5; }
  to {
    transform: rotate(90deg) translate(-104px, -300px);
    opacity: 0; } }

@keyframes curlPage {
  from {
    transform: rotate(0) translate(0);
    opacity: 1; }
  75% {
    opacity: 0.5; }
  to {
    transform: rotate(90deg) translate(-104px, -300px);
    opacity: 0; } }

@-webkit-keyframes grow {
  from {
    transform: translate(-60px, 0); }
  to {
    transform: translate(0, 0); } }

@keyframes grow {
  from {
    transform: translate(-60px, 0); }
  to {
    transform: translate(0, 0); } }

.initialized #calendario-icon {
  max-height: 100px; }

@media (min-width: 769px) {
  .initialized #calendario-icon {
    max-height: 170px; } }

@media (min-width: 992px) {
  .initialized #calendario-icon {
    max-height: 175px; } }

.initialized #calendario-wrapper {
  transform: translate(10%, -20%);
  transform-origin: 0; }

@media (min-width: 769px) and (max-width: 991px) {
  .initialized #calendario-wrapper {
    transform: translate(0, -20%); } }

#calendario {
  max-width: 155px; }

@media (min-width: 769px) {
  #calendario {
    max-width: 300px;
    min-width: 300px; } }

#calendario #curl {
  transform: rotate(0) translate(0);
  transition: all 1s;
  opacity: 1; }

#calendario #bullet1,
#calendario #bullet2 {
  transform-origin: center;
  -webkit-transform-origin: center;
  -moz-transform-origin: center; }

#calendario #mascara-flecha {
  transform: translate(0, 0); }

#calendario:hover #bg circle {
  -webkit-animation-duration: 3s;
          animation-duration: 3s;
  -webkit-animation-fill-mode: backwards;
          animation-fill-mode: backwards;
  -webkit-animation-name: bgInOut0;
          animation-name: bgInOut0;
  transform-origin: center; }

#calendario:hover #mascara-flecha {
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-name: grow;
          animation-name: grow;
  transform-origin: center;
  /*#curl {
      animation-duration: 1s;
      animation-fill-mode: backwards;
      animation-name: curlPage;
      transform-origin: center;
    }*/ }

#calendario:hover #bullet1 {
  transform: scale(0);
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-name: bounce;
          animation-name: bounce;
  transform-origin: center; }

#calendario:hover #bullet2 {
  transform: scale(0);
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-name: bounce;
          animation-name: bounce;
  transform-origin: center; }

.Terminos .termino {
  display: none;
  margin: 28px 0 0 0; }

.Terminos .termino:first-child {
  margin-top: 0; }

.Terminos .termino_visible {
  display: block; }

.fValidacion {
  display: none; }

.fValidacion span {
  display: block; }

.fValidacion .row {
  margin-top: 10px; }

.fValidacion label {
  font-family: 'BBVA-Bold'; }

.fValidacion h3 {
  border-top: 1px solid #e9e9e9;
  padding-top: 1em; }

.fjunta h3 {
  font-family: 'BBVA-Book';
  font-size: 22px;
  font-size: 1.46667em;
  line-height: 29px;
  margin-bottom: 16px;
  margin-top: 16px; }

.fjunta small {
  line-height: 30px; }

.fjunta .rbjunta {
  margin-right: 30px;
  display: inline-block;
  font-family: BBVA-Book; }

.fjunta .form-group textarea {
  padding-top: 30px; }

.fjunta input::-ms-clear {
  display: none; }

.fjunta .alto4 {
  line-height: 4em; }

.form-group input[type='text'].form-control-p {
  width: 100px;
  display: inline-block;
  background-color: #f4f4f4; }

.form-group input[type='text'].form-control-m {
  width: 200px;
  display: inline-block;
  background-color: #f4f4f4; }

.txt_delegar,
.txt_votar {
  display: none; }

#msg_ok {
  padding: 50px;
  margin-bottom: 50px; }

.form-group label:not(.error).active-top {
  top: 12px;
  font-size: 12px;
  color: #666; }

a.addPunto,
a.deletePunto {
  cursor: pointer; }

.gdprlabel {
  font-size: 12px;
  padding-left: 35px; }

.card-h .container .card {
  margin-bottom: 30px; }

.card-h .container .card .card-content {
  display: flex;
  flex-direction: column;
  justify-content: start;
  padding-top: 16px;
  padding-bottom: 16px; }

.card-h .container .card .card-content ul {
  margin-top: auto; }

.card-h .container .card .card-content .title22 {
  padding-bottom: 10px; }

.caption-new {
  margin-top: 0;
  text-align: center; }

.caption-new__title {
  font-family: "BentonSansBBVA-Medium", sans-serif;
  font-weight: normal;
  text-align: left;
  color: #FFF;
  line-height: 28px;
  font-size: 13px;
  text-transform: uppercase;
  margin-bottom: 24px;
  padding-left: 16px; }
  .caption-new__title::before {
    content: '\e9ab';
    padding-right: 5px;
    line-height: 24px;
    vertical-align: middle;
    font-size: 5px;
    color: #5BBEFF;
    font-family: 'icon-bbva' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased; }

#homeSlider .carousel-inner .item.newitem {
  height: auto;
  margin-bottom: 0; }

.caption-new__subtitle {
  font-family: "BentonSansBBVA-Bold", Helvetica, Arial, sans-serif;
  font-weight: normal;
  color: #121212;
  font-size: 20px;
  line-height: 36px;
  margin-bottom: 16px; }

.caption-new__txt {
  font-family: "BentonSansBBVA-Book", sans-serif;
  font-weight: normal;
  color: #121212;
  line-height: 24px;
  font-size: 15px;
  margin-bottom: 40px; }

.caption-new__btn {
  font-size: 16px;
  margin-bottom: 70px; }

.row.flexcontrol {
  display: flex;
  flex-direction: column-reverse; }

.imgcenter {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center; }
  .imgcenter img {
    width: 180px;
    margin: 70px auto; }

@media (min-width: 992px) {
  .imgcenter {
    height: 578px; }
    .imgcenter img {
      width: auto;
      margin: 0 auto; }
  .row.flexcontrol {
    display: block; }
  .caption-new {
    margin-top: 150px;
    text-align: left; }
  .caption-new__title {
    font-family: "BentonSansBBVA-Bold", Helvetica, Arial, sans-serif;
    font-weight: normal;
    color: #02A5A5;
    font-size: 20px;
    line-height: 28px;
    padding-left: 0;
    margin-bottom: 16px;
    text-transform: none; }
    .caption-new__title::before {
      content: none; }
  .caption-new__subtitle {
    font-family: "BentonSansBBVA-Bold", Helvetica, Arial, sans-serif;
    font-weight: normal;
    color: #121212;
    line-height: 48px;
    font-size: 30px;
    margin-bottom: 10px; }
  .caption-new__txt {
    font-family: "BentonSansBBVA-Book", sans-serif;
    font-weight: normal;
    color: #121212;
    line-height: 24px;
    font-size: 15px;
    margin-bottom: 40px; } }

.breadcrumbs {
  font-family: "BentonSansBBVA-Medium", sans-serif;
  font-size: 15px;
  line-height: 48px;
  margin: 10px 0 30px;
  padding: 0;
  font-weight: normal; }
  .breadcrumbs > div {
    float: left; }
    .breadcrumbs > div a {
      color: #1973B8;
      font-family: "BentonSansBBVA-Medium", sans-serif;
      font-weight: bold;
      display: inline-block;
      width: auto; }
      .breadcrumbs > div a:hover, .breadcrumbs > div a:active, .breadcrumbs > div a:focus {
        color: #004481; }
    .breadcrumbs > div > span {
      color: #1973B8;
      padding: 0 8px;
      display: inline-block;
      width: auto; }
      .breadcrumbs > div > span[itemprop='title'] {
        font-family: "BentonSansBBVA-Book", sans-serif;
        color: #1973B8;
        padding-left: 0; }

@media (min-width: 786px) {
  .horizontal-cards-container .container {
    padding-left: 100px; } }

.horizontal-cards-container .container .card {
  border: none;
  box-shadow: none;
  border-radius: 0;
  margin-bottom: 64px;
  position: relative;
  overflow: visible; }
  .horizontal-cards-container .container .card .item .ico-back {
    transform: rotate(180deg);
    display: inline-block;
    font-size: 18px;
    margin: 0; }
  .horizontal-cards-container .container .card .title-card {
    font-family: "BentonSansBBVA-Medium", sans-serif;
    color: #121212;
    font-size: 20px;
    line-height: 28px;
    font-weight: normal;
    position: relative;
    padding-bottom: 8px;
    z-index: 10; }
    @media (min-width: 786px) {
      .horizontal-cards-container .container .card .title-card {
        font-size: 36px;
        line-height: 44px; } }
  @media (min-width: 786px) {
    .horizontal-cards-container .container .card {
      height: 196px; }
      .horizontal-cards-container .container .card .card-image {
        min-height: 196px; }
        .horizontal-cards-container .container .card .card-image img {
          height: 196px; } }
  .horizontal-cards-container .container .card .card-content {
    padding-top: 0;
    padding-bottom: 0; }
    @media (min-width: 786px) {
      .horizontal-cards-container .container .card .card-content {
        height: 196px; } }
  .horizontal-cards-container .container .card::after {
    content: '';
    height: 1px;
    background-color: lightgray;
    width: 100%;
    bottom: -32px;
    display: block;
    position: absolute;
    left: 0; }
  @media (min-width: 786px) {
    .horizontal-cards-container .container .card:last-of-type::after {
      width: calc(100% + 100px);
      left: -100px; } }
/*SLIDER*/

#myCarousel {
  margin-bottom: 16px;
}

#myCarousel .carousel__img img {
  height: 200px;
  width: auto;
}

#myCarousel  .carousel-caption {
  position: relative !important;
  left: 0 !important;
  right: 0 !important;
  height: 100% !important;
  display: block !important;
  margin: 2rem !important;
  color: #121212 !important;
}

#myCarousel span.glyphicon.spherica-back {
  position: absolute;
  top: 50%;
  z-index: 5;
  display: inline-block;
  font-size: 30px;
  margin-left: -30px;
}

#myCarousel span.glyphicon.spherica-next {
  position: absolute;
  top: 50%;
  z-index: 5;
  display: inline-block;
  font-size: 30px;
  margin-right: -30px;
}

#myCarousel .carousel-control.left,
#myCarousel .carousel-control.right{
  background-image: none;
}

#myCarousel .carousel-indicators li {
  width: 11px !important;
  height: 11px !important;
  margin: 0 1px !important;
  background-color: #121212 !important;
  border: 1px solid #f4f4f4 !important;
}

#myCarousel .carousel-indicators .active {
  background-color: #121212 !important;
}

#myCarousel a.carousel-control  [class*='icon-']:before, 
#myCarousel a.carousel-control:hover [class*='icon-']:before, 
#myCarousel a.carousel-control:focus [class*='icon-']:before{
  color: #121212;
}

.carousel__btn a {
  background-color: #001391;
  color: #fff;
  align-self: center;
  padding: 16px 32px;
  border-radius: 1rem;
}

.carousel__btn a:hover {
  background-color: #070E46;
}

#myCarousel .carousel-inner .item{
  height: 100%;
}

.carousel__text {
  width: auto;
  max-width: 450px;
  margin: auto;
}

.carousel__text p {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
#myCarousel  .carousel-caption p {
  font-family: 'BBVA-Medium';
  font-size: 24px;
  line-height: 32px;
  letter-spacing: 0px;
  text-align: center;
  text-shadow: none;
  margin: 0;
  color: #070E46;
}
#myCarousel  .carousel__text p {
  font-family: 'BBVA-Book';
  font-size: 15px;
  line-height: 24px;
  letter-spacing: 0px;
  text-align: center;
  color: #070E46;
}

@media (max-width: 530px) {
  #myCarousel .carousel__img img {
    height: 130px;
    width: auto;
  }
  #myCarousel  .carousel-caption {
    padding: 0;
    height: 18rem !important;
  }

  #myCarousel  .carousel-caption h3 {
    margin: 0;
    margin-bottom: 1rem;
    padding: 2rem 2rem 0;
  }
}